let data=[{
  "name":"Mozilla 开发者网络",
  "url":"https://developer.mozilla.org/zh-CN/",
  "icon":"https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png",
  "des":"Mozilla 开发者网络（MDN）提供有关开放网络技术（Open Web）的信息，包括 HTML、CSS 和万维网及 HTML5 应用的 API。它还记录了  Mozilla 产品的文档，例如 Firefox OS。",
  "tags":["社区"]
},{
  "name":"whatwg",
  "url":"https://whatwg.org/",
  "icon":"https://resources.whatwg.org/logo.svg",
  "des":"Web Hypertext Application Technology Working Group, 负责web标准制定和维护，如html, dom",
  "tags":["社区"]
},{
  "name":"Stack Overflow",
  "url":"http://stackoverflow.com/",
  "icon":"http://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded&a",
  "des":"一个与程序相关的IT技术问答网站。用户可以在网站免费提交问题，浏览问题，索引相关内容，在创建主页的时候使用简单的HTML。",
  "tags":["社区"]
},{
  "name":"Browsershot",
  "url":"http://browsershots.org/",
  "des":"超多的浏览器兼容性在线测试，免去了在本机安装N多浏览器的烦恼",
  "tags":["社区"]
},{
  "name":"浏览器市场份额 - 百度统计",
  "url":"http://tongji.baidu.com/data/browser",
  "des":"百度统计流量研究院",
  "tags":["工具","统计"]
},{
  "name":"CodePen代码笔",
  "url":"http://codepen.io/",
  "des":"前端工程师必备的技术网站，直接在显示编辑代码片段并分享。codepen！寻找交互灵感的圣地",
  "tags":["工具","互交设计","在线编辑器"]
}, {
  "name": "CodeSandbox",
  "url": "https://codesandbox.io/",
  "des": "前端工程师必备的技术网站，直接在显示编辑代码片段并分享。",
  "tags": ["工具", "互交设计", "在线编辑器"]
}, {
  "name":"RunJS - 在线编辑、展示、分享、交流你的 JavaScript 代码",
  "url":"http://runjs.cn/",
  "des":"RunJS,在线编写、展示html、js、css代码，拥有实时预览、分享、Fork、代码高亮、自动完成等多项特性，提供文件上传、多种登录方式。",
  "tags":["社区","工具","互交设计","在线编辑器"]
},{
  "name":"plainJS - The Vanilla JavaScript Repository",
  "url":"https://plainjs.com/",
  "des":"该仓库都是用原生js写的插件和组件，很实用",
  "tags":["工具","插件","组件"]
},{
  "name":"React.parts - 一个收集 React 组件的网站",
  "url":"https://react.parts/",
  "des":"一个收集 React 组件的网站",
  "tags":["工具","React"]
},{
  "name":"Can I use",
  "url":"http://caniuse.com/",
  "des":"这是一个极好的网站，查询你使用的属性方法在浏览器中的兼容。",
  "tags":["工具","caniuse"]
},{
  "name":"W3school 英文网站",
  "url":"http://www.w3schools.com/",
  "des":"w3school 中文站的来源：THE WORLD'S LARGEST WEB DEVELOPER SITE",
  "tags":["教程","手册"]
},{
  "name":"W3C学院",
  "url":"http://www.w3cschool.cn",
  "icon":"http://www.w3cschool.cn/statics/images/w3c/index.ico",
  "des":"w3cschool是一个专业的编程入门学习及技术文档查询网站，提供包括HTML,CSS,Javascript,jQuery,C,PHP,Java,Python,Sql,Mysql等编程语言和开源技术的在线教程及使用手册，是类国外w3schools的W3C学习社区及菜鸟编程平台。" ,
  "tags":["工具","教程","手册"]
},{
  "name":"前端De早读课,前端开发,前端资讯分享",
  "url":"http://www.zaoduke.net/",
  "des":"前端De早读课是专注分享前端开发、UI设计、产品设计，创业的资讯网站。",
  "tags":["社区","新闻资讯"]
},{
  "name":"掘金",
  "url":"http://gold.xitu.io/",
  "des":"掘金是中国质量最高的技术分享社区，邀请稀土用户作为 Co-Editor 来分享优质的技术干货，从前端到后端开发，从设计到产品，让每一个掘金用户都能挖掘到有价值的干货。",
  "tags":["社区"]
},{
  "name":"前端乱炖",
  "url":"http://html-js.com/",
  "des":"前端乱炖，这里是最专业的前端知识平台，汇集国内大部分前端开发人员的前端花名册，最精彩的原创文章专栏，最专业的问答平台，最火热的话题频道，最丰富的线下线上活动。",
  "tags":["社区"]
},{
  "name":"Div.IO",
  "url":"http://div.io/",
  "des":"高质量前端资源汇聚",
  "tags":["社区"]
},{
  "name":"Bootstrap中文网",
  "url":"http://www.bootcss.com/",
  "icon":"http://static.bootcss.com/www/assets/ico/favicon.png",
  "des":"Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。目前，Bootstrap最新版本为3.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。",
  "tags":["工具"]
},{
  "name":"Taobao FED | 淘宝前端团队",
  "url":"http://taobaofed.org/",
  "des":"淘宝前端团队（FED）用技术为体验提供无限可能",
  "tags":["FED","阿里","淘宝","团队"]
},{
  "name":"w3cplus",
  "url":"http://www.w3cplus.com/",
  "icon":"http://cdn1.w3cplus.com/cdn/farfuture/6I7SmeJ6bvYzRevkkH6pjf9WnDTRa7YEBbsCyi6dPro/mtime:1414079820/sites/all/themes/w3cplusV2/favicon.ico",
  "des":"w3cplus提供了大量的css,css3,sass,responsive,mobile等最新前端技术文章、demo及下载资源，以一起学习进步，共同分享为原则，为打造优秀的前端学习教程而努力。",
  "tags":["社区"]
},{
  "name":"前端网（W3Cfuns）",
  "url":"http://www.w3cfuns.com/",
  "des":"前端网（W3Cfuns），人气爆棚的知识分享专业社区，优秀WEB前端开发工程师聚集地，提供面向前端工程师综合性服务的一站式服务平台！前端未来，我们打造！",
  "tags":["社区"]
},{
  "name":"w3ctech",
  "url":"http://w3ctech.com/",
  "des":"web标准化交流会",
  "tags":["社区"]
},{
  "name":"W3C在线检验",
  "url":"http://validator.w3.org/",
  "icon":"http://www.w3.org/2008/site/images/favicon.ico",
  "des":"W3C在线检验",
  "tags":["社区"]
},{
  "name":"Web App Trend",
  "url":"http://www.webapptrend.com/",
  "des":"关注跨平台开发以及Web App技术发展与实践",
  "tags":["社区"]
},{
  "name":"F2E - 前端技术社区",
  "url":"http://f2e.im/",
  "des":"前端技术社区，分享讨论。",
  "tags":["社区"]
},{
  "name":"Web Platform",
  "url":"http://www.webplatform.org/",
  "des":"苹果、Google、微软、Facebook等巨头强势联盟，加入W3C共推维基式开放网站Web Platform。该网站将提供关于HTML5, CSS3以及其他跟Web标准相关的最新优质内容，并提供关于这类技术开发、实践技巧，打造互联网上该类内容的单一、权威发布平台",
  "tags":["社区"]
},{
  "name":"前端开发",
  "url":"http://www.css88.com/",
  "des":"专注前端开发，关注用户体验",
  "tags":["社区"]
},{
  "name":"Awesomes - 前端资源库",
  "url":"https://www.awesomes.cn/",
  "des":"免费开源的高质量前端库、框架和插件",
  "tags":["社区"]
},{
  "name":"前端观察",
  "url":"http://www.qianduan.net/",
  "des":"专注于网站前端设计与前端开发",
  "tags":["社区"]
},{
  "name":"大前端",
  "url":"http://www.daqianduan.com/",
  "des":"前端开发为主的综合性博客性媒体，将前端分析的很透彻",
  "tags":["社区"]
},{
  "name":"慕课网",
  "url":"http://www.imooc.com",
  "des":"学习编程最简单的免费平台，慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。",
  "tags":["社区"]
},{
  "name":"Segmentfault",
  "url":"https://segmentfault.com/",
  "des":"专注于程序员开发者的社区平台，提供开发相关的高质量问答，专栏，笔记，招聘，线下活动等服务。",
  "icon":"https://sf-static.b0.upaiyun.com/v-56f75f77/global/img/touch-icon.png",
  "tags":["社区"]
},{
  "name":"360UXC",
  "url":"http://uxc.360.cn/",
  "des":"360UXC用户体验设计中心",
  "tags":["团队"]
},{
  "name":"大搜车前端团队博客",
  "url":"http://f2e.souche.com/blog/",
  "des":"相信技术改变世界，这里是我们的点滴思考和总结。",
  "icon":"http://htmljs.b0.upaiyun.com/uploads/1437909099674-1bb87d41d15fe27b500a4bfcde01bb0e.png",
  "tags":["团队","博客"]
},{
  "name":"360奇舞团",
  "url":"http://www.75team.com/",
  "icon":"http://www.75team.com/static/upload/201603/logo.png",
  "des":"奇虎360公司应用开发部Web前端工程师 + 部分特约嘉宾 组成的一个前端团队",
  "tags":["团队"]
},{
  "name":"新浪UED",
  "url":"http://ued.sina.com.cn/",
  "des":"新浪UED | 一个关注用户体验、关注工作流、关注作品质量的有爱团队",
  "tags":["团队","UED"]
},{
  "name":"5173UED",
  "url":"http://ued.5173.com/",
  "des":"5173用户体验设计团队",
  "tags":["团队","UED"]
},{
  "name":"HiUED",
  "url":"http://www.hiued.org/",
  "des":"用户体验交流会",
  "tags":["团队","UED"]
},{
  "name":"UCD大社区",
  "url":"http://ucdchina.com/",
  "des":"以用户为中心的设计",
  "tags":["团队"]
},{
  "name":"CNTV&CCTV UED",
  "url":"http://uedteam.com/",
  "des":"央视网/中国网络电视台，指定设计开发团队  [ UE/UX 、UCD、IA、ID、HCI ] ",
  "tags":["团队","UED"]
},{
  "name":"人人FED",
  "url":"http://fed.renren.com/",
  "des":"人人网前端开发设计团队",
  "tags":["团队","FED"]
},{
  "name":"天猫UED",
  "url":"http://ued.tmall.com/",
  "des":"天猫UED成员微博集合",
  "tags":["团队","UED"]
},{
  "name":"搜狐MUED",
  "url":"http://mued.sohu.com/",
  "des":"搜狐无线UED团队",
  "tags":["团队","UED"]
},{
  "name":"搜狐媒体设计中心",
  "url":"http://mdc.sohu.com/",
  "des":"搜狐MDC",
  "tags":["团队"]
},{
  "name":"搜狐焦点UED",
  "url":"http://ued.focus.cn/wordpress/",
  "des":"搜狐焦点UED团队",
  "tags":["团队","UED"]
},{
  "name":"搜狐畅游VC",
  "url":"http://vc.changyou.com/",
  "des":"畅游视觉设计中心",
  "tags":["团队"]
},{
  "name":"搜狗UED",
  "url":"http://ued.sogou.com/",
  "des":"搜狗UED团队",
  "tags":["团队","UED"]
},{
  "name":"携程UED",
  "url":"http://ued.ctrip.com/blog/",
  "icon":"http://ued.ctrip.com/blog/wp-content/themes/ctripued/img/favicon.ico",
  "des":"携程网UED团队",
  "tags":["团队","UED"]
},{
  "name":"一淘体验工作平台",
  "url":"http://ued.alimama.com/",
  "des":"一淘体验工作平台",
  "tags":["团队","阿里","一淘","UED"]
},{
  "name":"淘宝UED",
  "url":"http://ued.taobao.org/blog/",
  "des":"做地球上最好的 UED",
  "tags":["团队","阿里","淘宝","UED"]
},{
  "name":"U一点",
  "url":"http://www.aliued.cn/",
  "des":"阿里巴巴（中国站）用户体验设计部博客U一点设计 UED团队",
  "tags":["团队","阿里","UED"]
},{
  "name":"美团点评技术团队",
  "url":"http://tech.meituan.com/",
  "des":"美团点评技术团队内部技术分享",
  "tags":["团队"]
},{
  "name":"阿里巴巴国际UED团队",
  "url":"http://www.aliued.com/",
  "des":"Alibaba  User experience design team",
  "tags":["团队","阿里","UED"]
},{
  "name":"新浪UED",
  "url":"http://ued.sina.com/",
  "des":"新浪UED",
  "tags":["团队","UED"]
},{
  "name":"有意思",
  "url":"http://www.kdued.com/",
  "des":"金蝶友商网UED",
  "tags":["团队","UED"]
},{
  "name":"爱词霸UED",
  "url":"http://ued.iciba.com/",
  "des":"金山爱词霸UED",
  "tags":["团队"]
},{
  "name":"国际体验设计协会会议",
  "url":"http://www.ixdc.org/2016/",
  "des":"由国际体验设计协会（IXDC）主办的“国际体验设计大会”将于2016年6月30日~7月3日在北京·国家会议中心隆重举行。主题为“重新定义用户体验（REDEFINE THE UX）”。本次大会关注的焦点是反思用户体验，构建用户体验生态圈，学习掌握设计方法在不同行业的应用和创新。通过大会，旨在让新从业者们能了解整个用户体验的范畴和理想，让资深的从业者们能重新反思自己的工作，延伸扩散对用户体验的理解，学习掌握创新设计思维与商业模>式，为今后的工作做一些调整，以及对社会有更正面的帮助。IXDC将组织国际上大量成功企业的精英、领导者、专家共同来探讨和传授经验与技巧，组委会将在为>期四天的大会中，邀请超过150位主讲人，设置多达120个细分主题，通过主题演讲、对话论坛、圆桌会议、工作坊、行业报告、社交宴会等多种形式的交流活动，>带领3000多名从业者探讨。贯穿体验设计、设计管理、设计思维、敏捷体验、用户研究、交互设计、视觉设计、服务设计、产品设计、设计创业、设计教育等内容>模块。",
  "tags":["会议"]
},{
  "name":"京东设计中心",
  "url":"http://jdc.jd.com/",
  "des":"专业，创造力，激情，设计。京东用户体验设计部门，致力于创造更美好的电子商务购物体验。JDC关注于电子商务视觉设计、交互设计、用户研究、前端开发。",
  "tags":["团队"]
},{
  "name":"百度搜索用户体验中心",
  "url":"http://ued.baidu.com/",
  "des":"百度搜索用户体验中心 ( Search UX )，由原百度“搜索业务用户体验部”、“商业产品用户体验部”合并而成。围绕百度最核心的搜索业务，为提高数以亿计用户的交互体验和商业伙伴服务品质而努力。并致力于创建搜索引擎的极致用户体验，及用户行为与商业环境的和谐之美。",
  "tags":["团队","UED"]
},{
  "name":"百度MUX",
  "url":"http://mux.baidu.com/",
  "des":"百度无线用户体验部",
  "tags":["团队"]
},{
  "name":"百度FEX",
  "url":"http://fex.baidu.com/",
  "des":"FEX做最专业的前端，百度前端研发部，百度前端团队Blog",
  "tags":["团队"]
},{
  "name":"网易用户体验设计中心",
  "url":"http://uedc.163.com/",
  "des":"网易用户体验设计中心",
  "tags":["团队"]
},{
  "name":"19楼UED",
  "url":"http://blog.19ued.com/",
  "des":"19楼UED",
  "tags":["团队","UED"]
},{
  "name":"腾讯CDC",
  "url":"http://cdc.tencent.com/",
  "des":"腾讯用户研究与体验设计中心",
  "tags":["团队","腾讯"]
},{
  "name":"腾讯ISD",
  "url":"http://isd.tencent.com/blog",
  "des":"QQ空间、QQ会员、QQ秀、QQmusic、腾讯视频、拍拍、QQ商城等产品体验设计",
  "tags":["团队","腾讯"]
},{
  "name":"腾讯ISUX",
  "url":"http://isux.tencent.com",
  "des":"腾讯社交用户体验设计部",
  "tags":["团队","腾讯"]
},{
  "name":"腾讯TGideas",
  "url":"http://tgideas.qq.com/",
  "des":"腾讯游戏的专业设计团队",
  "tags":["团队","腾讯"]
},{
  "name":"腾讯WSD",
  "url":"http://mxd.tencent.com/",
  "des":"腾讯移动互联网设计",
  "tags":["团队","腾讯"]
},{
  "name":"腾讯财付通TID",
  "url":"http://tid.tenpay.com/",
  "des":"让生活支付更完美|TID-财付通设计中心",
  "tags":["团队","腾讯"]
},{
  "name":"迅雷CUED",
  "url":"http://cued.xunlei.com/",
  "des":"迅雷CUED",
  "tags":["团队","UED"]
},{
  "name":"SixUX",
  "url":"http://sixux.com/",
  "des":"实录各类过场动画视频，直观的交互体验学习平台。",
  "tags":["UX"]
},{
  "name":"OneAPM Browser Insight",
  "url":"http://www.oneapm.com/bi/feature.html",
  "des":"基于真实用户的 Web 前端性能监控平台",
  "tags":["团队","UED"]
},{
  "name":"SmashingMagazine",
  "url":"http://www.smashingmagazine.com/",
  "des":"前端与用户体验为核心的杂志类知名博客",
  "tags":["UX"]
},{
  "name":"THEnextweb",
  "url":"http://thenextweb.com/",
  "des":"国外交互设计资讯平台",
  "tags":["UX"]
},{
  "name":"User Experience",
  "url":"http://ux.stackexchange.com/",
  "des":"一个免费为用户体验研究人员和专家提供问答服务的社区",
  "tags":["UX"]
},{
  "name":"UX Magazine",
  "url":"http://uxmag.com/",
  "des":"设计、技术、用户体验等最好最新思想的原创文章",
  "tags":["UX"]
},{
  "name":"UXbooth",
  "url":"http://www.uxbooth.com/",
  "des":"侧重用户体验、交互、可用性等内容",
  "tags":["UX"]
},{
  "name":"UXDE",
  "url":"http://www.uxde.net/",
  "des":"提供交互设计和开发的灵感、教程、资源等",
  "tags":["UX"]
},{
  "name":"UX杂志",
  "url":"http://uxmag.com",
  "des":"提供持续、丰富、权威的用户体验和相关领域的信息",
  "tags":["UX"]
},{
  "name":"WebPPD",
  "url":"http://www.webppd.com/",
  "des":"axure产品原型设计，务实产品经理基本功",
  "tags":["UX","互交设计"]
},{
  "name":"交互设计专业委员会",
  "url":"http://ixdc.org/",
  "des":"引领中国交互设计行业发展",
  "tags":["UX"]
},{
  "name":"深圳体验设计专业委员会",
  "url":"http://www.uxdc.org/",
  "des":"中国首个体验设计专业组织，倡导推广体验设计行业能力标准和业务流程，竭力促进体验设计与传统行业的对接，积极引领国内体验设计行业与国际接轨",
  "tags":["UX"]
},{
  "name":"用户体验资讯网",
  "url":"http://uxinfo.com/",
  "des":"IXDC旗下资讯网，引领中国交互设计行业发展",
  "tags":["UX"]
},{
  "name":"线框杂志",
  "url":"http://wireframes.linowski.ca/",
  "des":"丰富的线框知识与资源，UX必备",
  "tags":["UX"]
},{
  "name":"Dryicons",
  "url":"http://www.freeiconsdownload.com/",
  "des":"按属性分类，国外免费图标下载",
  "tags":["图标"]
},{
  "name":"Evil Icons",
  "url":"http://evil-icons.io/",
  "des":"简单干净的SVG图标包的代码支持Rails, Sprockets, Node.js, Gulp, Grunt and CDN。",
  "tags":["图标"]
},{
  "name":"Easy Icon",
  "url":"http://www.easyicon.cn/",
  "des":"图标搜索引擎，支持中文检索",
  "tags":["图标"]
},{
  "name":"Favicon",
  "url":"http://www.favicon.cc/",
  "des":"在线生成ico浏览器图标",
  "tags":["图标"]
},{
  "name":"FindIcons",
  "url":"http://findicons.com/",
  "des":"FindIcons图标搜索引擎",
  "tags":["图标"]
},{
  "name":"Greatvectors",
  "url":"http://www.greatvectors.com/",
  "des":"国外专注于提供矢量素材下载的网站，更新频率较快",
  "tags":["图标"]
},{
  "name":"Icomoon",
  "url":"http://icomoon.io/",
  "des":"强大的简约图标库",
  "tags":["图标"]
},{
  "name":"Iconfont-阿里巴巴矢量图标库",
  "url":"http://iconfont.cn/",
  "des":"Iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具",
  "tags":["图标"]
},{
  "name":"Iconfever",
  "url":"http://iconfever.com/",
  "des":"国外免费图标下载",
  "tags":["图标"]
},{
  "name":"IconFinder",
  "url":"http://www.iconfinder.com/",
  "des":"iconfinder图标搜索引擎",
  "tags":["图标"]
},{
  "name":"Iconmonstr",
  "url":"http://iconmonstr.com/",
  "des":"一套简笔Icon，包含各尺寸Icon上千个",
  "tags":["图标"]
},{
  "name":"Icons DB",
  "url":"http://www.iconsdb.com/",
  "des":"免费的图标下载网站，可选择多种尺寸和格式",
  "tags":["图标"]
},{
  "name":"IOSIconGallery",
  "url":"http://iosicongallery.com/",
  "des":"收录了苹果客户端的所有的ios产品的图标",
  "tags":["图标"]
},{
  "name":"Shapes4free",
  "url":"http://www.shapes4free.com/",
  "des":"提供了免费的photoshop自定义形状、图标",
  "tags":["图标"]
},{
  "name":"WeLoveIcons",
  "url":"http://weloveicons.com/",
  "des":"图标鉴赏",
  "tags":["图标"]
},{
  "name":"一淘UX图标库",
  "url":"http://ux.etao.com/fonts",
  "des":"一淘UX团队的图标字体库",
  "tags":["图标"]
},{
  "name":"爱看图标",
  "url":"http://www.iconpng.com/",
  "des":"IconPng图标搜索引擎",
  "tags":["图标"]
},{
  "name":"3X4栅格构建器",
  "url":"http://www.3x4grid.com/",
  "des":"方便直观的3X4栅格构建系统",
  "tags":["栅格化"]
},{
  "name":"960栅格化系统",
  "url":"http://960.gs/",
  "des":"著名的960栅格化系统，能够简化网站开发流程",
  "tags":["栅格化"]
},{
  "name":"Grid lover",
  "url":"http://www.gridlover.net/",
  "des":"可手动拖拽调整栅格",
  "tags":["栅格化"]
},{
  "name":"The grid system",
  "url":"http://www.thegridsystem.org/",
  "des":"较全面的栅格化系统资源",
  "tags":["栅格化"]
},{
  "name":"ZURB CSS",
  "url":"http://www.zurb.com/playground/css-grid-builder",
  "des":"ZURB CSS栅格化生成器",
  "tags":["栅格化"]
},{
  "name":"栅格化创造者",
  "url":"http://modulargrid.org/",
  "des":"在线栅格化系统",
  "tags":["栅格化"]
},{
  "name":"栅格化白板",
  "url":"http://sneakpeekit.com/",
  "des":"提供可打印的栅格化白板下载",
  "tags":["栅格化"]
},{
  "name":"黄金栅格化",
  "url":"http://goldengridsystem.com/",
  "des":"响应式Web设计栅格化",
  "tags":["栅格化"]
},{
  "name":"Css3Maker",
  "url":"http://www.css3maker.com/",
  "des":"css3在线生成器",
  "tags":["工具"]
},{
  "name":"JS Bin",
  "url":"http://jsbin.com/",
  "des":"前端工程师必备的技术网站，直接在显示编辑代码片段样本并分享。",
  "tags":["工具","在线编辑器"]
},{
  "name":"JSFiddle",
  "url":"http://jsfiddle.net/",
  "des":"测试你的JavaScript，CSS，HTML或CoffeeScript的在线代码编辑器JSFiddle。",
  "tags":["工具","在线编辑器"]
},{
  "name":"JS-YAML",
  "url":"http://nodeca.github.io/js-yaml/",
  "des":"在线解析YAML，YAML转JSON工具。",
  "tags":["工具"]
},{
  "name":"The Current State of HTML5 Forms",
  "url":"http://wufoo.com/html5/",
  "des":"Browser support for the different features of HTML5 forms is quite varied. Let’s explore.",
  "tags":["工具","caniuse"]
},{
  "name":"HTML5 tests - inputs",
  "url":"http://www.quirksmode.org/html5/inputs.html",
  "des":"This page tests the new input values of HTML5.",
  "tags":["工具","caniuse"]
},{
  "name":"HTML5 tests - inputs (mobile)",
  "url":"http://www.quirksmode.org/html5/inputs_mobile.html",
  "des":"This page tests the new input values of HTML5 in mobile browsers.",
  "tags":["工具","caniuse"]
},{
  "name":"HTML5 tests - video",
  "url":"http://www.quirksmode.org/html5/tests/video.html",
  "des":"This page tests the <code>&lt;video&gt;</code> tag.",
  "tags":["工具","caniuse"]
},{
  "name":"Local storage",
  "url":"http://www.quirksmode.org/html5/storage.html",
  "des":"Here is information about local storage and session storage.",
  "tags":["工具","caniuse"]
},{
  "name":"Enable CORS",
  "url":"http://enable-cors.org",
  "des":"Enable cross-origin resource sharing",
  "tags":["工具","caniuse"]
},{
  "name":"openQ",
  "url":"http://openq.cn/",
  "des":"wanghui的博客",
  "tags":["博客"]
},{
  "name":"HTML5中文网",
  "url":"http://www.html5china.com/",
  "des":"HTML5中文网",
  "tags":["社区"]
},{
  "name":"zepto官网",
  "url":"http://zeptojs.com",
  "des":"HTML5中文网",
  "tags":["工具","官网","手册"]
},{
  "name":"jQuery API 中文在线手册",
  "url":"http://jquery.cuishifeng.cn/",
  "des":"jQuery API 1.12.0 中文在线版，jQuery API CHM 下载，jQuery API 中文最新版，jQuery 是一个兼容多浏览器的 JavasSript 框架，核心理念是 - write less, do more。jQuery API 中文文档(适用jQuery 1.0 - jQuery 2.0).",
  "tags":["工具","手册"]
},{
  "name":"jQuery官网",
  "url":"http://api.jquery.com/",
  "des":"JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。",
  "tags":["工具","官网","手册"]
},{
  "name":"JSLite",
  "url":"http://jslite.io/API/",
  "des":"与jQuery有着类似的api，让web开发更迅速，下载执行更快、量级更轻，针对现代高级浏览器的JavaScript库。",
  "tags":["工具","官网","手册"]
},{
  "name":"React 中文",
  "url":"http://react-china.org/",
  "des":"React 中文的论坛",
  "tags":["社区"]
},{
  "name":"react native 中文网",
  "url":"http://reactnative.cn/",
  "des":"React Native中文网是中国最大的React Native开发者交流学习平台,致力于打造React Native开发。在这里能轻松找到代码实例,项目案例,并有专人提供最新文档翻译。",
  "tags":["社区"]
},{
  "name":"JSConf",
  "url":"http://jsconf.cn/",
  "des":"JS中国开发者大会，中国主要的JavaScript会议，我们一起在。",
  "tags":["会议"]
},{
  "name":"RegExr",
  "url":"http://regexr.com/",
  "des":"一个用Flex写的在线测试正则的工具",
  "tags":["工具","正则"]
},{
  "name":"RegExr",
  "url":"http://www.regexpal.com/",
  "des":"一个用JS写的在线正则测试工具",
  "tags":["工具","正则"]
},{
  "name":"Browser Sandbox&trade",
  "url":"https://spoon.net/browsers/",
  "des":"点击你需要测试的浏览器环境，安装插件就可以进行测试了。帮助你测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常，测试兼容性工具",
  "tags":["工具","测试"]
},{
  "name":"动画手册 - CSS3动画参考  by Tencent ISUX | DMDC",
  "url":"http://isux.tencent.com/css3/index.html",
  "des":"这是腾讯团队出品的一个CSS3 动画样式参考手册，同时还配备了一个动画工具。",
  "tags":["手册","css3"]
},{
  "name":"Mocha",
  "url":"http://mochajs.org",
  "des":"mocha 是一个简单、灵活有趣的 JavaScript 测试框架,用于 Node.js 和浏览器上的 JavaScript 应用测试。",
  "tags":["工具","测试"]
},{
  "name":"chai",
  "url":"http://chaijs.com",
  "des":"chai是一个断言库，和Mocha搭配使用更佳，所以合称“抹茶”（其实mocha是咖啡）。“抹茶”特点是： 简单，Hour级学习成本，node和浏览器都可运行",
  "tags":["工具","测试"]
},{
  "name":"ava",
  "url":"https://github.com/sindresorhus/ava",
  "des":"测试框架，据说比Mocha快的不行不行的。",
  "tags":["工具","测试"]
},{
  "name":"sinonjs",
  "url":"http://sinonjs.org/",
  "des":"独立的第三方测试工具，它没有依赖，可以在任何测试框架下工作。",
  "tags":["工具","测试"]
},{
  "name":"shouldjs",
  "url":"http://shouldjs.github.io/",
  "des":"BDD风格的测试工具",
  "tags":["工具","测试"]
},{
  "name":"TesterHome",
  "url":"https://testerhome.com/",
  "des":"TesterHome 移动测试社区，由众多移动测试工作者维护，致力于推进国内测试技术。",
  "ico":"https://testerhome.com/assets/ios-icon-711451fea99037416bfdf0c1b8759dcb33f8927bc6bb6942bfa77828168c6fbe.png",
  "tags":["工具","测试"]
},{
  "name":"缓动函数速查表",
  "url":"http://easings.net/zh-cn",
  "ico":"http://easings.net/favicon.png",
  "des":"缓动函数允许指定动画在执行时的进度，使其看起来更加真实。现实物体照着一定速率移动，并不是一开始就移动得很快。本页可以在每次你需要时，帮助你找到想要的缓动函数。",
  "tags":["工具","动画"]
},{
  "name":"在线压缩JS代码",
  "url":"http://jscompress.com/",
  "des":"免费在线即时JavaScript压缩工具。复制并粘贴你的代码，或者上传多个文件，将它们组合在一起。",
  "tags":["工具"]
},{
  "name":"NIPPON COLORS",
  "url":"http://nipponcolors.com/",
  "des":"配色工具，非常小清新",
  "tags":["工具"]
},{
  "name":"JSLint",
  "url":"http://jslint.com/",
  "ico":"http://easings.net/favicon.png",
  "des":"在线JS校验工具",
  "tags":["工具"]
},{
  "name":"JSHint",
  "url":"http://jslint.com/",
  "des":"JSHint是一个JavaScript的代码质量检查工具，主要用来检查代码质量以及找出一些潜在的代码缺陷。",
  "tags":["工具"]
},{
  "name":"CSSLint",
  "url":"http://csslint.net/",
  "des":"CSSLint 是一个用来帮你找出 CSS 代码中问题的工具，它可做基本的语法检查以及使用一套预设的规则来检查代码中的问题，规则是可以扩展的。",
  "tags":["工具"]
},{
  "name":"Browserhacks",
  "url":"http://browserhacks.com/",
  "des":"浏览器hack速查",
  "tags":["工具"]
},{
  "name":"JSFuck",
  "url":"http://www.jsfuck.com/",
  "des":"是用匿名函数的原生形式，解码则按照编码原理倒过来写个程序。其特点是由“[]，()，{}，+,！”组成的编码后的字符，这是一个JavaScript的绕过代码编码方式。",
  "tags":["工具"]
},{
  "name":"jsdo.it",
  "url":"http://jsdo.it/",
  "des":"jsdo.it是一个专为前端工程师打造的社区。无论你是网页设计师，网页重构师或是JavaScript工程师，都可以在这里使用我们的在线编辑器，编写并尝试运行代码。同时你也可以将代码保存在我们的服务器上，并向其他人公开展示你的作品。如果你对自己的代码技能没有自信也不必担心！通过在别人的代码的基础上加以修改，你就可以在最短的时间里学习到最前沿的技术。 ",
  "tags":["社区"]
},{
  "name":"ECMAScript 6入门",
  "url":"http://es6.ruanyifeng.com/",
  "des":"jsdo.it是一个专为前端工程师打造的社区。无论你是网页设计师，网页重构师或是JavaScript工程师，都可以在这里使用我们的在线编辑器，编写并尝试运行代码。同时你也可以将代码保存在我们的服务器上，并向其他人公开展示你的作品。如果你对自己的代码技能没有自信也不必担心！通过在别人的代码的基础上加以修改，你就可以在最短的时间里学习到最前沿的技术。 ",
  "tags":["文档"]
},{
  "name":"WEB前端博客",
  "url":"http://caibaojian.com/",
  "des":"前端开发博客专注于前端开发,分享前端开发资源和前端开发技术资讯等",
  "tags":["社区"]
},{
  "name":"nipponcolors",
  "url":"nipponcolors",
  "des":"前端开发博客专注于前端开发,分享前端开发资源和前端开发技术资讯等",
  "tags":["文档"]
},{
  "name":"Echo JS",
  "url":"http://www.echojs.com/",
  "des":"JavaScript 新闻",
  "tags":["文档"]
},{
  "name":"JavaScript Event KeyCodes",
  "url":"http://keycode.info/",
  "icon":"",
  "des":"在线Keycode查询",
  "tags":["工具"]
},{
  "name":"阮一峰",
  "url":"http://www.ruanyifeng.com/home.html",
  "des":"阮一峰，70后，英文名Frank。他原是上海财经大学世界经济博士研究生。主要研究宏观金融、货币政策与美国经济。于2008年6月获得博士学位。目前在上海一所当地大学（上海金融学院 国际经贸学院）任教。他本人也是一名IT技术人员，主要关注网站制作，并且对免费软件有着坚定不移的信念。",
  "tags":["博客"]
},{
  "name":"张鑫旭",
  "url":"http://www.zhangxinxu.com/wordpress/",
  "des":"张鑫旭more，09年华中科技大学毕业，目前上海，现就职ISUX上海设计中心，资深钓鱼爱好者，专注web前端偏前领域。",
  "tags":["博客"]
},{
  "name":"玉伯",
  "url":"https://github.com/lifesinger",
  "des":"",
  "tags":["博客"]
},{
  "name":"廖雪峰",
  "url":"http://www.liaoxuefeng.com/",
  "des":"研究互联网产品和技术，提供原创中文精品教程",
  "tags":["博客"]
},{
  "name":"勾三股四",
  "url":"http://jiongks.name/",
  "des":"",
  "tags":["博客"]
},{
  "name":"余果",
  "url":"https://yuguo.us/weblog/",
  "des":"",
  "tags":["博客"]
},{
  "name":"司徒正美",
  "url":"http://www.cnblogs.com/rubylouvre/",
  "des":"",
  "tags":["博客"]
},{
  "name":"Philip Walton",
  "url":"http://philipwalton.com/",
  "des":"",
  "tags":["博客"]
},{
  "name":"Hugo Giraudel",
  "url":"http://hugogiraudel.com/",
  "des":"",
  "tags":["博客"]
},{
  "name":"小胡子哥",
  "url":"http://www.barretlee.com/entry/",
  "des":"",
  "tags":["博客"]
},{
  "name":"JavaScriptWeekly",
  "des":"关于JavaScript新闻和文章的每周邮件聚合订阅",
  "url":"http://javascriptweekly.com/",
  "tags":["订阅/周刊"]
},{
  "name":"HTML5Weekly",
  "des":"HTML5 周刊，关注最新动态",
  "url":"http://html5weekly.com/",
  "tags":["订阅/周刊"]
},{
  "name":"Node 周刊",
  "des":"免费的，每周电子邮件推送Node.js的新闻和文章",
  "url":"http://nodeweekly.com/",
  "tags":["订阅/周刊"]
},{
  "name":"DB 周刊",
  "des":"每周一轮数据库技术的新闻和文章覆盖的新发展，SQL，NoSQL，文档数据库、图形数据库，和更多的发现。",
  "url":"http://dbweekly.com/",
  "tags":["订阅/周刊"]
},{
  "name":"SidebarIO",
  "des":"关于设计的The best design links, every day. 可以订阅daily, twice a week, weekly",
  "url":"http://sidebar.io/",
  "tags":["订阅/周刊"]
},{
  "name":"奇舞团周刊",
  "des":"奇舞团的周刊，内容质量很高，比较精",
  "url":"http://www.75team.com/weekly/",
  "tags":["订阅/周刊"]
},{
  "name":"码农周刊",
  "des":"综合的码农相关文章，资料很多，覆盖面广",
  "url":"http://weekly.manong.io/",
  "tags":["订阅/周刊"]
},{
  "name":"OurJS周刊",
  "des":"很多 JS 有关的文章，比较好",
  "url":"http://ourjs.com/",
  "tags":["订阅/周刊"]
},{
  "name":"Fullweb周刊",
  "des":"全棧Web开发周刊Fullweb Weekly",
  "url":"http://fullweb.io/",
  "tags":["订阅/周刊"]
},{
  "name":"Fullweb周刊",
  "des":"CSS的文章，教程，实验工具",
  "url":"http://css-weekly.com/",
  "tags":["订阅/周刊"]
},{
  "name":"WebDesignWeekly",
  "des":"设计动向和经典作品，Web Design Weekly 一周一次没有垃圾周的邮件，没有杂乱。只是单纯的可怕的链接，在一周内网络出现最好的新闻和文章。",
  "url":"http://web-design-weekly.com/",
  "tags":["订阅/周刊"]
},{
  "name":"WebToolsWeekly",
  "des":"最新的开发工具、插件组件等等",
  "url":"http://webtoolsweekly.com/",
  "tags":["订阅/周刊"]
},{
  "name":"ResponsiveDesignWeekly",
  "des":"响应式设计动态、技巧等",
  "url":"http://responsivedesignweekly.com/",
  "tags":["订阅/周刊"]
},{
  "name":"FeWeekly",
  "des":"聚焦最新前端技术、框架、教程、工具、资讯和文章",
  "url":"http://www.feweekly.com/",
  "tags":["订阅/周刊"]
},{
  "name":"Normalize.css",
  "des":"Normalize是一个相对平和的css reset方案，注重通用的方案，保留有用的user agent 样式",
  "url":"http://necolas.github.io/normalize.css/",
  "tags":["CSS"]
},{
  "name":"lessFramework",
  "des":"LESS框架是一个轻量级的CSS框架,它使您能够构建灵活的多列的网站布局",
  "url":"http://lessframework.com/",
  "tags":["CSS"]
},{
  "name":"Formee",
  "des":"Formee是一个CSS框架,帮助您轻松地创建跨浏览器的web表单",
  "url":"http://www.formee.org/",
  "tags":["CSS"]
},{
  "name":"960GRID",
  "des":"960GS是一个CSS网格系统框架，更为灵活的网格设计",
  "url":"http://960.gs/",
  "tags":["CSS"]
},{
  "name":"ResponsiveGridSystem",
  "des":"流体网格CSS框架,用于快速、直观的开发响应性网站，可以使用12列、16列和24列响应式网格设计",
  "url":"http://responsive.gs/",
  "tags":["CSS"]
},{
  "name":"Bootstrap",
  "url":"http://getbootstrap.com/",
  "des":"Bootstrap是快速开发Web应用程序的前端工具包，它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式",
  "tags":["UI框架"]
},{
  "name":"FlatUI",
  "url":"http://designmodo.github.io/Flat-UI/",
  "des":"Flat UI是一套精美的扁平风格UI 工具包，基于 Twitter Bootstrap 实现",
  "tags":["UI框架"]
},{
  "name":"pure",
  "url":"http://purecss.io/",
  "des":"Pure是来自雅虎的CSS框架，框架基于响应式设计，提供多种样式的组件，包括表格、表单、按钮、表、导航等",
  "tags":["UI框架"]
},{
  "name":"MetroUI",
  "url":"http://metroui.org.ua/",
  "des":"MetroUI CSS 是一套实现了Windows8 Metro风格界面的CSS框架",
  "tags":["UI框架"]
},{
  "name":"Maxmertkit",
  "url":"http://www.maxmert.com/",
  "des":"Maxmertkit是一个全新的前端框架，拥有类似boostrap的UI但是提供了不同的组件内容",
  "tags":["UI框架"]
},{
  "name":"Semantic UI",
  "url":"http://semantic-ui.com/",
  "des":"语义化设计的前端框架，为攻城师而制作的可复用的开源前端框架",
  "tags":["UI框架"]
},{
  "name":"cssReset",
  "url":"http://www.cssreset.com/",
  "des":"搜集了各种css reset解决方案",
  "tags":["CSS资源"]
},{
  "name":"浏览器hack大全",
  "url":"http://browserhacks.com/",
  "des":"",
  "tags":["CSS资源"]
},{
  "name":"cssValues",
  "url":"http://cssvalues.com/",
  "des":"CSS属性查询，可查到对应W3C规范",
  "tags":["CSS资源"]
},{
  "name":"animate动画库",
  "url":"http://daneden.github.io/animate.css/",
  "des":"",
  "tags":["CSS资源"]
},{
  "name":"CSS3lib动画库",
  "url":"http://css3lib.alloyteam.com/",
  "des":"由腾讯AlloyTeam搜集和整理的CSS3动画库",
  "tags":["CSS资源","腾讯"]
},{
  "name":"ECD动画库",
  "url":"http://ecd.tencent.com/css3/index.html",
  "des":"由腾讯电商前端团队编写的CSS3动画库",
  "tags":["CSS资源","腾讯"]
},{
  "name":"css3please",
  "url":"http://css3please.com/",
  "des":"常用的CSS3具体代码参考",
  "tags":["CSS资源"]
},{
  "name":"css3ClickChart",
  "url":"http://css3clickchart.com/",
  "des":"可以查询到目前CSS3草案部分的相关属性",
  "tags":["CSS资源"]
},{
  "name":"W3SCHOOL",
  "url":"http://www.w3school.com.cn/css3/",
  "des":"CSS3 教程，全球最大的中文 Web 技术教程。",
  "tags":["教程"]
},{
  "name":"Mozilla CSS3",
  "url":"https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS3",
  "des":"CSS3 是 层叠样式表(Cascading Style Sheets) 语言的最新进展",
  "tags":["教程"]
},{
  "name":"APICloud",
  "url":"http://www.apicloud.com/",
  "des":"APICloud",
  "tags":["移动框架"]
},{
  "name":"Framework7",
  "url":"http://framework7.taobao.org/",
  "des":"Framework7 移动HTML框架",
  "tags":["移动框架"]
},{
  "name":"Ionic(ionicframework)",
  "url":"http://www.ionic.wang/",
  "des":"Html5移动App开发框架 移动HTML框架",
  "tags":["移动框架"]
},{
  "name":"light7",
  "url":"http://www.light7.org/",
  "des":"light7: Build mobile apps with simple HTML, CSS, and JS components.",
  "tags":["移动框架"]
},{
  "name":"Frozen UI",
  "url":"http://frozenui.github.io/",
  "des":"Frozen UI 腾讯移动端框架",
  "tags":["移动框架","腾讯"]
},{
  "name":"jquerymobile",
  "url":"http://jquerymobile.com/",
  "des":"jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。",
  "tags":["移动框架"]
},{
  "name":"zeptojs",
  "url":"http://zeptojs.com/",
  "des":"",
  "tags":["移动框架"]
},{
  "name":"EZoApp",
  "url":"http://www.ezoui.com/app/zh-cn/index.html",
  "des":"EZoApp",
  "tags":["移动框架"]
},{
  "name":"应用家YYjiacms",
  "url":"http://www.yyjia.com/",
  "des":"App应用市场网站系统",
  "tags":["移动框架"]
},{
  "name":"codiqa",
  "url":"http://www.codiqa.com/",
  "des":"jquery mobile UI builder（jquery mobileUI编辑器）",
  "tags":["移动框架"]
},{
  "name":"UI-Cloud",
  "url":"http://ui-cloud.com/",
  "des":"UI搜索引擎，设计师必备，提供用户界面PSD下载",
  "tags":["设计资源"]
},{
  "name":"FindIcons",
  "url":"http://findicons.com/",
  "des":"Icon，著名图标搜索引擎，超过四十万个免费图标",
  "tags":["设计资源"]
},{
  "name":"SubtlePatterns",
  "url":"http://subtlepatterns.com/",
  "des":"背景纹理，最上档次的无缝背景纹理下载站，木有之一",
  "tags":["设计资源"]
},{
  "name":"百变纹理",
  "url":"http://www.transparenttextures.com/",
  "des":"无缝纹理！最实用的无缝背景纹理下载站，木有之一",
  "tags":["设计资源"]
},{
  "name":"Freepik",
  "url":"http://cn.freepik.com/",
  "des":"干货搜索引擎，超过一百万个PSD、矢量、照片下载",
  "tags":["设计资源"]
},{
  "name":"网页模版巨人",
  "url":"http://store.templatemonster.com/?aff=uisdc",
  "des":"国际顶尖的网页模版库，借鉴和学习网页趋势的宝地",
  "tags":["设计资源"]
},{
  "name":"FreebiesBooth",
  "url":"http://freebiesbooth.com/",
  "des":"PSD，免费web设计资源及分层PSD下载的干货铺子",
  "tags":["设计资源"]
},{
  "name":"Brusheezy",
  "url":"http://www.brusheezy.com/",
  "des":"笔刷，著名的免费笔刷、图案纹理资源站",
  "tags":["设计资源"]
},{
  "name":"Fbrushes",
  "url":"http://fbrushes.com/",
  "des":"笔刷+纹理，高质量的免费PS笔刷、图案及纹理",
  "tags":["设计资源"]
},{
  "name":"VectorHQ",
  "url":"http://cn.vectorhq.com/",
  "des":"免费矢量图和PSD资源，四十万套宝贝资源一网打尽",
  "tags":["设计资源"]
},{
  "name":"Yestone网页模板库",
  "url":"http://www.yestone.com/creative/Web%E8%AE%BE%E8%AE%A1%E6%A8%A1%E6%9D%BF",
  "des":"非一般的PSD网站模板、App模板、Banner模板",
  "tags":["设计资源"]
},{
  "name":"LogoPond",
  "url":"http://logopond.com/",
  "des":"Logo，高端LOGO集萃，设计前必须来池子里泡一泡",
  "tags":["设计资源"]
},{
  "name":"PSDVault",
  "url":"http://www.psdvault.com/",
  "des":"PSD宝库，提供了顶尖大师们的PS教程及技巧 ",
  "tags":["设计教程"]
},{
  "name":"PSDTuts+",
  "url":"http://psd.tutsplus.com/",
  "des":"Photoshop教程，从初学者到高级进阶，应有尽有",
  "tags":["设计教程"]
},{
  "name":"Smashing Magazine",
  "url":"http://www.smashingmagazine.com/",
  "des":"国外最著名的设计博客，许多高大上的设计文章",
  "tags":["设计教程"]
},{
  "name":"Naldz Graphics",
  "url":"http://naldzgraphics.net/",
  "des":"推荐！28岁少年创办的知名人气设计资源教程博客",
  "tags":["设计教程"]
},{
  "name":"数字艺术在线",
  "url":"http://www.digitalartsonline.co.uk/tutorials/",
  "des":"教程都很棒！你更会爱上网站展现教程的回廊方式",
  "tags":["设计教程"]
},{
  "name":"Photoshop Lady",
  "url":"http://www.photoshoplady.com/",
  "des":"提供各种详细的photoshop教程，优设联盟站点",
  "tags":["设计教程"]
},{
  "name":"优设网",
  "url":"http://www.uisdc.com/",
  "des":"与大师零距离接触，一线设计师、总监的干货分享地",
  "tags":["设计教程"]
},{
  "name":"PSD爱好者",
  "url":"http://psd.fanextra.com/",
  "des":"提供Photoshop教程、设计文章和资源下载",
  "tags":["设计教程"]
},{
  "name":"站酷",
  "url":"http://www.zcool.com.cn/",
  "des":"综合性设计分享网站，原创设计交流平台",
  "tags":["设计教程"]
},{
  "name":"Abduzeedo",
  "url":"http://abduzeedo.com/",
  "des":"汇集大量视觉灵感和酷炫PS教程的设计博客",
  "tags":["设计教程"]
},{
  "name":"Freebiesbug",
  "url":"http://freebiesbug.com/",
  "des":"最新的免费PSDs，以及设计师常备资源下载名站",
  "tags":["设计教程"]
},{
  "name":"Webdesigner Depot",
  "url":"http://www.webdesignerdepot.com/",
  "des":"网页设计师必备，涵盖大量教程、工具、素材",
  "tags":["设计教程"]
},{
  "name":"WallHaven涅盘新生",
  "url":"http://alpha.wallhaven.cc/",
  "des":"WallBase创办人失联后，前成员推出的测试版",
  "tags":["高清图库"]
},{
  "name":"ForWallpaper",
  "url":"http://cn.forwallpaper.com/",
  "des":"免费可商用的高清图库网站，分类非常详细",
  "tags":["高清图库"]
},{
  "name":"123RF正版图片库",
  "url":"http://www.123rf.com.cn/#sdc01",
  "des":"中国第一商业图片素材库，超过5千万张高清授权图",
  "tags":["高清图库"]
},{
  "name":"Eput高品质图片",
  "url":"http://eput.com/editors",
  "des":"国内人气高品质图片分享与售卖平台，设计必备",
  "tags":["高清图库"]
},{
  "name":"Niice",
  "url":"https://niice.co/",
  "des":"一款有品味的灵感搜索引擎！设计师必备",
  "tags":["高清图库"]
},{
  "name":"百度以图搜图",
  "url":"http://stu.baidu.com/" ,
  "des":"强烈推荐以图搜图！轻松识别相似图，高清大图",
  "tags":["高清图库"]
},{
  "name":"deviantART",
  "url":"http://www.deviantart.com/",
  "des":"每天发表约14万个新作品！国际化在线艺术社区",
  "tags":["高清图库"]
},{
  "name":"Pexels",
  "url":"http://www.pexels.com/",
  "des":"推荐！提供高清尺寸且品质优良的免费照片网站",
  "tags":["高清图库"]
},{
  "name":"500px",
  "url":"https://500px.com/popular",
  "des":"有着世界上最好的照片分享，你值得拥有",
  "tags":["高清图库"]
},{
  "name":"Yestone创意图片库",
  "url":"http://yestone.com/",
  "des":"每天3万张上新，全部正版商用授权，品质高到挑花眼",
  "tags":["高清图库"]
},{
  "name":"Pixabay",
  "url":"http://pixabay.com/zh/photos/?order=latest",
  "des":"29万张免费高清图片，高质量可商用",
  "tags":["高清图库"]
},{
  "name":"FFFFOUND!",
  "url":"http://ffffound.com/",
  "des":"超人气网站！别被简陋的外表所迷惑，F可是个魔鬼",
  "tags":["高清图库"]
},{
  "name":"Kuler",
  "url":"https://kuler.adobe.com/",
  "des":"网页设计师配色的最佳之选",
  "tags":["配色方案"]
},{
  "name":"COLOURlovers",
  "url":"http://www.colourlovers.com/",
  "des":"交流颜色、色彩趋势和配色方案的超人气社区",
  "tags":["配色方案"]
},{
  "name":"Color Hunter",
  "url":"http://www.colorhunter.com/",
  "des":"实用！上传图片创建配色方案",
  "tags":["配色方案"]
},{
  "name":"Color Scheme Designer 3",
  "url":"http://colorschemedesigner.com/",
  "des":"专业调色板，可在线实时预览网页设计配色的工具",
  "tags":["配色方案"]
},{
  "name":"CssWinner网页色彩分类",
  "url":"http://www.csswinner.com/colorsearch/blue",
  "des":"CSS画廊，可根据右侧颜色块展现最流行的网页",
  "tags":["配色方案"]
},{
  "name":"ColRD",
  "url":"http://colrd.com/",
  "des":"可创建及共享配色方案的灵感网站",
  "tags":["配色方案"]
},{
  "name":"中国色彩大辞典",
  "url":"http://color.uisdc.com/",
  "des":"中国/日本传统色彩命名，点击色彩可直接吸取色值",
  "tags":["配色方案"]
},{
  "name":"日本颜色大辞典",
  "url":"http://www.nicopon.com/",
  "des":"日本web颜色样品网站，颜色样品大辞典",
  "tags":["配色方案"]
},{
  "name":"VisiBone",
  "url":"http://www.visibone.com/",
  "des":"网页设计参考指南，提供免费在线的配色方案实验室",
  "tags":["配色方案"]
},{
  "name":"即时配色方案",
  "url":"http://www.colorschemer.com/",
  "des":"ColorSchemer，有很多网页设计师专业配色软件",
  "tags":["配色方案"]
},{
  "name":"Fashion Trendsetter",
  "url":"http://www.fashiontrendsetter.com/",
  "des":"帮你关注每年最流行的颜色搭配",
  "tags":["配色方案"]
},{
  "name":"peise",
  "url":"http://www.peise.net/tools/web/",
  "des":"",
  "tags":["配色方案"]
},{
  "name":"DesignSeeds",
  "url":"http://www.design-seeds.com/",
  "des":"创立于2009年的设计配色网站",
  "tags":["配色方案"]
},{
  "name":"colorCombos",
  "url":"http://www.colorcombos.com/combolibrary.html",
  "des":"提供了各种WEB配色方案",
  "tags":["配色方案"]
},{
  "name":"ColorBlender",
  "url":"http://colorblender.com/",
  "des":"是一款非常有趣的免费在线网页配色工具",
  "tags":["配色方案"]
},{
  "name":"Dribbble",
  "url":"https://dribbble.com/",
  "des":"设计师必备站点，国内顶尖的设计师都在上面",
  "tags":["界面设计"]
},{
  "name":"UIQ.me",
  "url":"http://uiq.me/",
  "des":"UIQ 是设计问答互动社区。我们的目标是为所有设计师提供一个设计交流平台，通过问答和积分游戏形式解决各类设计疑问，成为设计界的百科全书！",
  "tags":["社区","设计"]
},{
  "name":"520UED巴士站",
  "url":"http://www.520ued.com/",
  "des":"520UED是一个专注于前端开发资讯分享,前端交互效果js插件分享的,各浏览器之间兼容性bug解决方法分享。同时也关注最新的html5,css3,javascript,jquery资讯.我们也关注前端对用户体验带来的体验,关注UED,希望能有更多的前端高手能加入到520UED，分享自己的平时工作累积的有趣问题.站长联系邮箱:520UED.com@gmail.com",
  "tags":["社区","设计"]
},{
  "name":"Behance",
  "url":"https://www.behance.net/",
  "des":"全球领先的创意设计类聚合平台",
  "tags":["界面设计"]
},{
  "name":"UI中国",
  "url":"http://www.ui.cn/",
  "des":"国内专业界面设计平台，前身为 iconfans",
  "tags":["界面设计"]
},{
  "name":"Flat UI",
  "url":"http://flatui.com/",
  "des":"扁平化UI设计灵感，采集扁平化相关的App、网页等",
  "tags":["界面设计"]
},{
  "name":"UI 阅兵场",
  "url":"http://www.uiparade.com/",
  "des":"展示世界最有才华设计师的用户界面设计作品",
  "tags":["界面设计"]
},{
  "name":"365psd",
  "url":"http://365psd.com/",
  "des":"兢兢业业每天更新着用户界面相关的PSD",
  "tags":["界面设计"]
},{
  "name":"Pixeden",
  "url":"http://www.pixeden.com/",
  "des":"赞！免费优质界面设计源文件及有网站模板",
  "tags":["界面设计"]
},{
  "name":"Site Inspire",
  "url":"http://www.siteinspire.com/",
  "des":"致力于分享推荐优秀网页及交互设计案例",
  "tags":["界面设计"]
},{
  "name":"Designmodo",
  "url":"http://designmodo.com/",
  "des":"所有高质量UI工具包都在这里可以找到，部分免费下载",
  "tags":["界面设计"]
},{
  "name":"Icon Deposit",
  "url":"http://www.icondeposit.com/",
  "des":"UI竞技场！为设计师提供作品展示的平台",
  "tags":["界面设计"]
},{
  "name":"CSS Author",
  "url":"http://www.cssauthor.com/",
  "des":"提供免费的用户界面设计资源、文章、工具",
  "tags":["界面设计"]
},{
  "name":"Mobile Patterns",
  "url":"http://www.mobile-patterns.com/",
  "des":"一个集合iOS界面截图给设计者灵感的酷站",
  "tags":["界面设计"]
},{
  "name":"网页模版巨人",
  "url":"http://store.templatemonster.com/?aff=uisdc",
  "des":"著名的网页模版库，借鉴和学习网页趋势的宝地",
  "tags":["网站模板"]
},{
  "name":"Entheos Templates",
  "url":"http://templates.entheosweb.com/",
  "des":"强大的模板库，包括最流行的响应式网页、HTML5酷站",
  "tags":["网站模板"]
},{
  "name":"梦幻模板",
  "url":"http://www.dreamtemplate.com/",
  "des":"超过7000个梦幻般的网站模板及Flash模板下载",
  "tags":["网站模板"]
},{
  "name":"网页模版世界",
  "url":"http://www.templateworld.com/",
  "des":"提供各种专业的网页开发模板，记得利用好左侧的分类",
  "tags":["网站模板"]
},{
  "name":"4Templates",
  "url":"http://www.4templates.com/website-templates/",
  "des":"网页模版市集，挑那些贵的看，然后预览，然后...",
  "tags":["网站模板"]
},{
  "name":"免费网站模板",
  "url":"http://www.freewebsitetemplates.com/",
  "des":"有几百个免费网站模板下载，可以挑着看看",
  "tags":["网站模板"]
},{
  "name":"享誉全球的 WIX",
  "url":"http://www.wix.com/",
  "des":"超赞！该站全球排名378！可以帮你免费定制网站",
  "tags":["网站模板"]
},{
  "name":"免费模版库",
  "url":"http://www.freewebtemplates.com/",
  "des":"历史悠久的老站点，1999年就致力于分享免费网站模版",
  "tags":["网站模板"]
},{
  "name":"模版盒子",
  "url":"http://www.templatesbox.com/",
  "des":"提供免费的模版和Flash下载，分类详细",
  "tags":["网站模板"]
},{
  "name":"Buy Templates",
  "url":"http://www.buytemplates.net/products/search",
  "des":"一个卖网页模版的站点，大家可预览手工下载",
  "tags":["网站模板"]
},{
  "name":"ThemeForest",
  "url":"http://themeforest.net/category/site-templates",
  "des":"TF下的频道，业内最大的网站模板和CMS主题商城之一",
  "tags":["网站模板"]
},{
  "name":"GavickPro",
  "url":"http://www.gavick.com/",
  "des":"惊人且美丽的Joomla模板和WordPress主题",
  "tags":["网站模板"]
},{
  "name":"Awwwards",
  "url":"http://www.awwwards.com/",
  "des":"精挑细选世界各地的最佳网站！并对其打分颁奖",
  "tags":["酷站推荐"]
},{
  "name":"CSS Winner",
  "url":"http://www.csswinner.com/",
  "des":"全球网页设计画廊，并对提交的佳作颁奖",
  "tags":["酷站推荐"]
},{
  "name":"日本 4db",
  "url":"http://4db.cc/",
  "des":"强烈推荐！搜集日本各行各业、各地区的优秀网站",
  "tags":["酷站推荐"]
},{
  "name":"CSS Design Awards",
  "url":"http://www.cssdesignawards.com/",
  "des":"展示世界上最好的网站，激励全球网页设计师",
  "tags":["酷站推荐"]
},{
  "name":"Muuuuu",
  "url":"http://muuuuu.org/",
  "des":"日本网站画廊，收集最具创意网站，左栏的分类很清晰",
  "tags":["酷站推荐"]
},{
  "name":"韩国设计森林",
  "url":"http://mania.jungle.co.kr/ucc/bestsite/list_tn.asp",
  "des":"韩国设计门户的酷站栏目，相关推荐功能很棒",
  "tags":["酷站推荐"]
},{
  "name":"全球顶尖设计师名站",
  "url":"http://hao.uisdc.com/designer/",
  "des":"200个全球顶级WEB设计师名站欣赏，持续更新中",
  "tags":["酷站推荐"]
},{
  "name":"突唯阿tuweia",
  "url":"http://tuweia.cn/c/home/ad/uisdckz",
  "des":"免费建设响应式网站！不用编码功能多，手机通用",
  "tags":["酷站推荐"]
},{
  "name":"App for Reeoo",
  "url":"http://reeoo.com/?s=app",
  "des":"国内人气最高的酷站画廊，设计App灵感必备",
  "tags":["酷站推荐"]
},{
  "name":"One Page Love",
  "url":"https://onepagelove.com/",
  "des":"单页迷你站点宝库，采集全球顶尖创意的单页酷站",
  "tags":["酷站推荐"]
},{
  "name":"韩国设计研究所",
  "url":"http://www.ivdesign.co.kr/bbs/board.php?bo_table=goodsite",
  "des":"碉堡！想把韩国最棒的设计一网打尽吗？",
  "tags":["酷站推荐"]
},{
  "name":"日本酷站索引",
  "url":"http://bm.straightline.jp/",
  "des":"近6000个！av大合集也没这么全，必备酷站",
  "tags":["酷站推荐"]
},{
  "name":"Pinterest",
  "url":"http://pinterest.com/all/?category=design",
  "des":"一个受世界瞩目的，全球最大的创意灵感图片分享网站",
  "tags":["灵感创意"]
},{
  "name":"Baubauhaus",
  "url":"http://www.baubauhaus.com/",
  "des":"提供设计灵感、插画摄影、时尚以及艺术相关的一切",
  "tags":["灵感创意"]
},{
  "name":"花瓣",
  "url":"http://huaban.com/design/?md=uisdc.com",
  "des":"采集你喜欢的美好事物，发现新知，启发设计灵感",
  "tags":["灵感创意"]
},{
  "name":"9GAG",
  "url":"http://9gag.com/",
  "des":"可能是全球最搞笑的趣图网站，笑可以带来更多灵感",
  "tags":["灵感创意"]
},{
  "name":"幻觉",
  "url":"http://illusion.scene360.com/",
  "des":"展示最惊人的创作，涵盖艺术、设计、摄影和视频",
  "tags":["灵感创意"]
},{
  "name":"BOOOOOOOM",
  "url":"http://www.booooooom.com/",
  "des":"发人深省的创意图片，博客设计简约但内容丰富",
  "tags":["灵感创意"]
},{
  "name":"灵感网络",
  "url":"http://theinspirationgrid.com/",
  "des":"推荐！聚合来自世界各地的创意人才，每天汲取灵感",
  "tags":["灵感创意"]
},{
  "name":"迷你单页狂热者",
  "url":"http://onepagemania.com/",
  "des":"2015最流行的网页趋势！不可不知的迷你站点大全",
  "tags":["灵感创意"]
},{
  "name":"InspirationDE",
  "url":"http://www.inspirationde.com/",
  "des":"这是一个令人兴奋的灵感网站，外链惊喜得让人尖叫",
  "tags":["灵感创意"]
},{
  "name":"Minus",
  "url":"http://minus.com/",
  "des":"有趣的创意分享社区，很多高颜值套图，你懂得",
  "tags":["灵感创意"]
},{
  "name":"Piccsy",
  "url":"http://piccsy.com/",
  "des":"网站分类清晰，能帮找到许多美图",
  "tags":["灵感创意"]
},{
  "name":"野糖网",
  "url":"http://www.yetang.com/?utm_campaign=campaign1&utm_medium=banner&utm_source=yxwysj2",
  "des":"国内设计师购物网站，聚合全球设计精品",
  "tags":["灵感创意"]
},{
  "name":"A5字体下载",
  "url":"http://ziti.admin5.com/",
  "des":"国内较全的字体库，提供中英文字体预览、打包下载",
  "tags":["字体"]
},{
  "name":"Fontex",
  "url":"http://www.fontex.org/",
  "des":"很酷的字体展现方式，字体免费可用于商业用途",
  "tags":["字体"]
},{
  "name":"FontEditor",
  "url":"http://fontstore.baidu.com/editor",
  "ico":"http://www.baidu.com/favicon.ico",
  "des":"FontEditor是一款在线字体编辑器软件， 能够打开本地或者远程的ttf|woff|eot|otf格式的字体文件， 能够导入和导出ttf|woff|eot|svg|otf格式的字体文件， 提供字形的编辑和轮廓编辑功能，提供字体的实时预览功能。",
  "tags":["字体"]
},{
  "name":"Abstract Fonts",
  "url":"http://www.abstractfonts.com/",
  "des":"超过十三万免费字体下载，包括大热的web字体",
  "tags":["字体"]
},{
  "name":"TypographyServed",
  "url":"http://www.typographyserved.com/",
  "des":"推荐！字体专题频道，汇聚字体设计、印字、排版",
  "tags":["字体"]
},{
  "name":"Font Fabric",
  "url":"http://fontfabric.com/",
  "des":"免费高品质字体打包下载",
  "tags":["字体"]
},{
  "name":"FontFont",
  "url":"https://www.fontfont.com/fonts",
  "des":"字体巨擘！强大的字体检索引擎，收编无数优质字体",
  "tags":["字体"]
},{
  "name":"1001 Free Fonts",
  "url":"http://www.1001freefonts.com/",
  "des":"超过25900个高质量的字体下载，从古典到时尚",
  "tags":["字体"]
},{
  "name":"求字体",
  "url":"http://www.qiuziti.com/",
  "des":"找字体神器，并提供中文和英文字体库下载",
  "tags":["字体"]
},{
  "name":"字体传奇",
  "url":"http://www.ziticq.com/",
  "des":"字体品牌设计师交流网，字体相关的教程、讲座等",
  "tags":["字体"]
},{
  "name":"印刷达人",
  "url":"http://typophile.com/",
  "des":"一个比较高端的有关字体设计、印刷排版的交流圈子",
  "tags":["字体"]
},{
  "name":"Lost Type",
  "url":"http://www.losttype.com/browse/",
  "des":"推荐：字体都非常漂亮，展示方式悦目清新",
  "tags":["字体"]
},{
  "name":"字体松鼠",
  "url":"http://www.fontsquirrel.com/",
  "des":"赞！100%免费下载可商用！专为设计师精心挑选",
  "tags":["字体"]
},{
  "name":"Visual",
  "url":"http://visual.ly/",
  "des":"各种各样的漂亮信息图！学信息图设计的同学必备",
  "tags":["信息图片"]
},{
  "name":"GOOD",
  "url":"http://www.good.is/infographics",
  "des":"GOOD信息图，前沿时尚、用色考究的信息图设计",
  "tags":["信息图片"]
},{
  "name":"Best Infographics",
  "url":"http://www.best-infographics.com/",
  "des":"省事！帮你搜寻互联网上每天最热门的信息图",
  "tags":["信息图片"]
},{
  "name":"图表腾讯",
  "url":"http://news.qq.com/newspedia/all.htm",
  "des":"推荐！腾讯的新闻百科，中文信息图设计得很不错",
  "tags":["信息图片","腾讯"]
},{
  "name":"网商图媒体",
  "url":"http://www.wshang.com/media/index.html",
  "des":"电商设计师必备！用信息图视角来解读电商动态",
  "tags":["信息图片"]
},{
  "name":"云图网",
  "url":"http://yuntuwang.net/",
  "des":"专注信息图的传播和表达，图说百科表达天下。",
  "tags":["信息图片"]
},{
  "name":"新浪图解天下",
  "url":"http://roll.news.sina.com.cn/chart/index.shtml",
  "des":"新闻视觉化，以图达意，轻松直观的阅读体验",
  "tags":["信息图片"]
},{
  "name":"搜狐 数字之道",
  "url":"http://news.sohu.com/matrix/",
  "des":"数字剖析新闻，图表读懂社会。民生数据，简明图表",
  "tags":["信息图片"]
},{
  "name":"超酷信息图",
  "url":"http://www.coolinfographics.com/",
  "des":"顶级的数据可视化和信息图博客",
  "tags":["信息图片"]
},{
  "name":"信息美学可视化",
  "url":"http://infosthetics.com/",
  "des":"一场信息化设计的美学盛宴",
  "tags":["信息图片"]
},{
  "name":"网易数读",
  "url":"http://data.163.com/special/datablog/",
  "des":"网易数据新闻，有大量信息图、图表、及数据分析",
  "tags":["信息图片"]
},{
  "name":"美丽信息图",
  "url":"http://www.informationisbeautiful.net/",
  "des":"一位信息图设计师的网站，爱馅饼讨厌饼图",
  "tags":["信息图片"]
},{
  "name":"UI-Patterns",
  "url":"http://ui-patterns.com/",
  "des":"为资深用户界面设计师寻提供灵感和参考的宝库",
  "tags":["互交设计"]
},{
  "name":"UX Magazine",
  "url":"http://uxmag.com/",
  "des":"提供稳定、丰富、可靠的一站式用户体验资源",
  "tags":["互交设计"]
},{
  "name":"User Experience",
  "url":"http://ux.stackexchange.com/",
  "des":"人气问答站，设计师和用户体验专家常在那里鬼混",
  "tags":["互交设计"]
},{
  "name":"UX Booth",
  "url":"http://www.uxbooth.com/articles/",
  "des":"资深用户体验、交互设计师的交流社区",
  "tags":["互交设计"]
},{
  "name":"微设计",
  "url":"http://littlebigdetails.com/",
  "des":"超棒！汇集脍炙人口的交互体验，图文并茂",
  "tags":["互交设计"]
},{
  "name":"WEB开发基础手册",
  "url":"http://wf.uisdc.com/",
  "des":"谷歌出品！手把手教你学做第一个响应式网站",
  "tags":["互交设计"]
},{
  "name":"交互神站：FFF",
  "url":"http://fff.cmiscm.com/",
  "des":"前所未有的网页交互体验！震惊你的各种交互特效",
  "tags":["互交设计"]
},{
  "name":"交互案例分享",
  "url":"http://jumpui.com/",
  "des":"每周分享各种Web和App上各种有意思的交互案例",
  "tags":["互交设计"]
},{
  "name":"Codrops",
  "url":"http://tympanus.net/codrops/",
  "des":"提供有用的、启发灵感的网络资源和交互案例",
  "tags":["互交设计"]
},{
  "name":"UIE",
  "url":"http://www.uie.com/articles/",
  "des":"世界上最大的可用性研究组织。",
  "tags":["互交设计"]
},{
  "name":"美空",
  "url":"http://www.moko.cc/",
  "des":"设计P图累的时候，不妨到这里看看美女吧",
  "tags":["摄影美图"]
},{
  "name":"网易摄影",
  "url":"http://pp.163.com/square/",
  "des":"网易旗下的摄影爱好者相片存储、作品展示社区",
  "tags":["摄影美图"]
},{
  "name":"新浪图片",
  "url":"http://photo.sina.com.cn/",
  "des":"有温度的视觉，摄影师成长平台，影像记录中国",
  "tags":["摄影美图"]
},{
  "name":"蜂鸟网",
  "url":"http://www.fengniao.com/",
  "des":"摄影爱好者分享摄影技巧和作品的中国影像门户",
  "tags":["摄影美图"]
},{
  "name":"中国国家地理网",
  "url":"http://www.dili360.com/",
  "des":"最专业的深度旅游体验平台，最具特色的互动社区",
  "tags":["摄影美图"]
},{
  "name":"时尚网",
  "url":"http://www.trends.com.cn/",
  "des":"美图看不完！高端时尚白领生活专属领地",
  "tags":["摄影美图"]
},{
  "name":"网易图片",
  "url":"http://news.163.com/photo",
  "des":"网易新闻中心图片频道，24小时热图实时推送",
  "tags":["摄影美图"]
},{
  "name":"Style-Arena",
  "url":"http://www.style-arena.jp/ch/",
  "des":"日本街拍帅哥美女一览无余！东京街头时尚网",
  "tags":["摄影美图"]
},{
  "name":"BongjaShop",
  "url":"http://www.bongjashop.com/",
  "des":"韩国美女商店！里面的妹子都很养眼，不忽悠",
  "tags":["摄影美图"]
},{
  "name":"图虫网",
  "url":"http://tuchong.com/",
  "des":"图虫网，中国最专业的web2.0摄影社区",
  "tags":["摄影美图"]
},{
  "name":"Photography Served",
  "url":"http://www.photographyserved.com/",
  "des":"全球顶尖创意平台Behance旗下的摄影服务栏目",
  "tags":["摄影美图"]
},{
  "name":"NAVER摄影图库",
  "url":"http://photo.naver.com/",
  "des":"韩国门户NAVER旗下的摄影图库",
  "tags":["摄影美图"]
},{
  "name":"P站！",
  "url":"http://www.pixiv.net/",
  "des":"大名鼎鼎的日本高清同人画、插画作品分享站",
  "tags":["漫画插画"]
},{
  "name":"布卡漫画",
  "url":"http://www.ibuka.cn/",
  "des":"最受欢迎的手机看漫画应用！可直接应用里搜索",
  "tags":["漫画插画"]
},{
  "name":"SAKIROO",
  "url":"http://sakiroo.com/",
  "des":"韩国插画设计网，人设为主",
  "tags":["漫画插画"]
},{
  "name":"插画驿站",
  "url":"http://www.illustrationserved.com/",
  "des":"Behance旗下的插画网",
  "tags":["漫画插画"]
},{
  "name":"Cool Vibe",
  "url":"http://coolvibe.com/",
  "des":"超酷！展示高清插画壁纸以及动漫、梦幻图片的地方",
  "tags":["漫画插画"]
},{
  "name":"Duri.me",
  "url":"http://duri.me/",
  "des":"Duri.me 在线帮你生成了图片、CSS和Base64字符串三种形式的代码，可以根据自己的需要拷贝生成的内容。",
  "tags":["工具","转换工具"]
},{
  "name":"Fredo and Pidjin",
  "url":"http://www.pidjin.net/",
  "des":"世界上最有趣的网络漫画",
  "tags":["漫画插画"]
},{
  "name":"Creative Uncut",
  "url":"http://www.creativeuncut.com/",
  "des":"推荐！游戏角色原型设计网",
  "tags":["漫画插画"]
},{
  "name":"drawr",
  "url":"http://drawr.net/",
  "des":"漫画菜鸟必备！可以观看别人的绘画过程",
  "tags":["漫画插画"]
},{
  "name":"插画世界",
  "url":"http://www.illustrationmundo.com/",
  "des":"一个聚集世界各地优秀插画家及作品的网站",
  "tags":["漫画插画"]
},{
  "name":"Tony DiTerlizzi",
  "url":"http://diterlizzi.com/home/",
  "des":"强力推荐：著名插画家托尼的个人网站",
  "tags":["漫画插画"]
},{
  "name":"插画家经纪人",
  "url":"http://www.illustrationweb.com/styles",
  "des":"一个历史悠久的提供可靠插画家及插画资源的平台",
  "tags":["漫画插画"]
},{
  "name":"CartoonStock",
  "url":"http://www.cartoonstock.com/",
  "des":"漫画搜索引擎，超过30万幅幽默、政治、卡通漫画",
  "tags":["漫画插画"]
},{
  "name":"W3C官网",
  "url":"http://www.w3.org/",
  "des":"这是互联网的基础，推荐及时了解前端最新资讯",
  "tags":["互联网讯"]
},{
  "name":"爱范儿",
  "url":"http://www.ifanr.com/",
  "des":"发现创新价值的科技媒体，全景关注移动互联网",
  "tags":["互联网讯"]
},{
  "name":"虎嗅网",
  "url":"http://www.huxiu.com/",
  "des":"一个有视角的、个性化商业资讯与交流平台",
  "tags":["互联网讯"]
},{
  "name":"w3school在线教程",
  "url":"http://www.w3school.com.cn/",
  "des":"全球最大的中文Web技术教程",
  "tags":["互联网讯"]
},{
  "name":"极客公园",
  "url":"http://www.geekpark.net/",
  "des":"报道互联网热门趋势、热点产品的深度分析。",
  "tags":["互联网讯"]
},{
  "name":"cnBeta中文IT资讯站",
  "url":"http://www.cnbeta.com/",
  "des":"提供最新最快的IT业界资讯",
  "tags":["互联网讯"]
},{
  "name":"雷锋网",
  "url":"http://www.leiphone.com/",
  "des":"专注于移动互联网创业及创新的人气科技博客",
  "tags":["互联网讯"]
},{
  "name":"DoNews",
  "url":"http://www.donews.com/",
  "des":"中国互联网从业人士交流最权威的平台",
  "tags":["互联网讯"]
},{
  "name":"网易科技",
  "url":"http://tech.163.com/",
  "des":"有态度！以独特视角呈现科技圈内大事小事",
  "tags":["互联网讯"]
},{
  "name":"牛华网",
  "url":"http://www.newhua.com/",
  "des":"华军软件园旗下网站，第一时间提供最具价值IT资讯",
  "tags":["互联网讯"]
},{
  "name":"ChinaByte比特网",
  "url":"http://www.chinabyte.com/",
  "des":"中国最具影响力和商业价值的IT门户",
  "tags":["互联网讯"]
},{
  "name":"Reddit",
  "url":"http://www.reddit.com/",
  "des":"互联网第一大社交新闻站点。别看长相，看内涵",
  "tags":["互联网讯"]
},{
  "name":"Fi",
  "url":"http://www.f-i.com/work/all",
  "des":"享誉全球的著名互动设计公司",
  "tags":["设计公司"]
},{
  "name":"Frank Digital",
  "url":"http://www.frankdigital.com.au/",
  "des":"超人气的创意团队，官网制作的很有国际范",
  "tags":["设计公司"]
},{
  "name":"五角设计",
  "url":"http://www.pentagram.com/",
  "des":"世界最富盛名的设计公司之一，1972年在英国成立",
  "tags":["设计公司"]
},{
  "name":"奥美",
  "url":"http://www.ogilvy.com.cn/",
  "des":"世界上最大的市场传播机构之一",
  "tags":["设计公司"]
},{
  "name":"eico design",
  "url":"http://www.eicodesign.com/index",
  "des":"成立于2004年，国内最早的专业界面设计团队",
  "tags":["设计公司"]
},{
  "name":"ala",
  "url":"http://ala.ch/",
  "des":"创于1999，你可以在他们这看到流行设计趋势",
  "tags":["设计公司"]
},{
  "name":"45royale",
  "url":"http://45royale.com/",
  "des":"创建于2006年，极具人气的设计团队，作品干净、优雅",
  "tags":["设计公司"]
},{
  "name":"TG-vision 双晖传媒",
  "url":"http://www.tg-vision.com/",
  "des":"成立于2006年，专业用户体验设计团队",
  "tags":["设计公司"]
},{
  "name":"NiceDesign",
  "url":"http://www.niceui.cn/",
  "des":"一家北京设计创意公司，首页被很多工作室模仿",
  "tags":["设计公司"]
},{
  "name":"雅酷 AKQA",
  "url":"http://www.akqa.com/",
  "des":"全球拿奖最多的知名互动创意公司",
  "tags":["设计公司"]
},{
  "name":"2advanced Studios",
  "url":"http://www.2advanced.com/",
  "des":"美国最具专业技术和创意团队之一，打造顶尖交互网站",
  "tags":["设计公司"]
},{
  "name":"李岱艾广告公司",
  "url":"http://www.tbwa.com/",
  "des":"TBWA是全球增长最快的跨国广告公司",
  "tags":["设计公司"]
},{
  "name":"突唯阿tuweia",
  "url":"http://tuweia.cn/c/home/ad/uisdcnavi",
  "des":"设计师的赚钱利器！不用编码，免费建设响应式网站",
  "tags":["神器"]
},{
  "name":"白板",
  "url":"https://bearyboard.com/?hmsr=uisdc&hmmd=&hmpl=&hmkw=&hmci=",
  "des":"设计师神器！最好用的设计稿讨论工具，你值得拥有",
  "tags":["神器"]
},{
  "name":"GIF录屏神器",
  "url":"http://weibo.com/1773655610/CqTYv5xOO",
  "des":"推荐！这是一个小巧却强悍的GIF录屏神器",
  "tags":["神器"]
},{
  "name":"设计神器ProcessOn",
  "url":"http://www.processon.com/",
  "des":"强烈推荐！一款可以多人在线协作的作图设计工具",
  "tags":["神器"]
},{
  "name":"配色神器Coolorus",
  "url":"http://www.uisdc.com/ps-coolorus1-0",
  "des":"高端色轮插件，秒杀市面上大部分网页配色工具",
  "tags":["神器"]
},{
  "name":"全能取色神器Pixeur",
  "url":"http://weibo.com/1773655610/yjK1C9DpH",
  "des":"有和PS一样的全能取色窗，更有贴心配色方案",
  "tags":["神器"]
},{
  "name":"SiteStar！建站之星",
  "url":"http://www.sitestar.cn/",
  "des":"国内著名免费建站神器，无拘无束创建属于您的网站",
  "tags":["神器"]
},{
  "name":"PS钢笔工具",
  "url":"http://bezier.method.ac/",
  "des":"强悍！一个游戏来帮助你掌握PS钢笔工具",
  "tags":["神器"]
},{
  "name":"Ps Play",
  "url":"http://www.uisdc.com/ps-play",
  "des":"手机同步实时预览电脑PS画面，移动设计零阻力",
  "tags":["神器"]
},{
  "name":"全球10大建站神器",
  "url":"http://www.uisdc.com/top-10-codefree-website-builders",
  "des":"全球备受赞誉的智能建站工具大揭密，不用编码",
  "tags":["神器"]
},{
  "name":"在线背景纹理生成器",
  "url":"http://www.svgeneration.com/",
  "des":"SVGeneration！大家可以自由定制，换颜色换细节",
  "tags":["神器"]
},{
  "name":"设计师必备工具推荐",
  "url":"http://www.uisdc.com/indispensable-tool",
  "des":"40个国外同行总结的超人气设计工具",
  "tags":["神器"]
},{
  "name":"莱茵教育",
  "url":"http://www.uidesign.cc/prospect/",
  "des":"UI设计教育领导者，国内首家UI设计连锁教育机构",
  "tags":["设计培训"]
},{
  "name":"全球教学网站集萃",
  "url":"http://www.uisdc.com/web-design-learning-resources",
  "des":"自给自足！学习网页设计必知的20个教学资源站",
  "tags":["设计培训"]
},{
  "name":"PS新手礼仪手册",
  "url":"http://hao.uisdc.com/ps/",
  "des":"网页设计师入门第一课！不可或缺的WEB设计课程",
  "tags":["设计培训"]
},{
  "name":"CG Society",
  "url":"http://www.cgsociety.org/",
  "des":"权威的CG创意设计基地，有专业的技能培训",
  "tags":["设计培训"]
},{
  "name":"Unify Tutorial",
  "url":"http://99ut.blueidea.com/",
  "des":"在线设计教学网，以PS及其基础知识作为起点教学",
  "tags":["设计培训"]
},{
  "name":"TutsPlus 网页教学视频",
  "url":"https://tutsplus.com/course/photoshop-techniques-for-web-designers/",
  "des":"视频教学，TutsPlus二级频道下的网页教学视频",
  "tags":["设计培训"]
},{
  "name":"动效设计特训营",
  "url":"http://xue.uisdc.com/motion/",
  "des":"火热报名！优设官方开展的动效设计、UI视觉培训课程",
  "tags":["设计培训"]
},{
  "name":"学习CSS布局",
  "url":"http://zh.learnlayout.com/",
  "des":"通过这个网站你能免费学会网站CSS布局",
  "tags":["设计培训"]
},{
  "name":"Video2Brain",
  "url":"http://www.video2brain.com/en/web-mobile-design",
  "des":"在线视频课程培训平台，高达2000个教学视频",
  "tags":["设计培训"]
},{
  "name":"udemy",
  "url":"https://www.udemy.com/",
  "des":"国外知名在线学习平台",
  "tags":["设计培训"]
},{
  "name":"vectordiary",
  "url":"http://www.vectordiary.com/illustrator/illustrator-training-course/",
  "des":"Illustrator 30天入门，全球热传的人气课程",
  "tags":["设计培训"]
},{
  "name":"澳大利亚插画部落",
  "url":"http://www.illustratorsaustralia.com/",
  "des":"一个提供插画设计及教程培训的爱好者联盟组织",
  "tags":["设计培训"]
},{
  "name":"backbonejs",
  "url":"http://backbonejs.org/",
  "des":"Backbone.js是一个可以在前端组织MVC的javascript框架",
  "tags":["MVC"]
},{
  "name":"angularjs",
  "url":"http://angularjs.org/",
  "des":"AngularJS是由Google创建的一种JS框架，使用它可以扩展应用程序中的HTML词汇，从而在web应用程序中使用HTML声明动态内容",
  "tags":["MVC"]
},{
  "name":"emberjs",
  "url":"http://emberjs.com/",
  "des":"Ember.js同样是一个用于创建web应用的JavaScript MVC 框架",
  "tags":["MVC"]
},{
  "name":"knockoutjs",
  "url":"http://knockoutjs.com/",
  "des":"Knockout 是个JavaScript library，帮助创建丰富的显示和编辑器UI，通过干净的底层数据模型，你可以在任何时候动态更新UI的选择部分",
  "tags":["MVC"]
},{
  "name":"Vue.js",
  "url":"http://vuejs.org.cn/",
  "des":"数据驱动的组件，为现代化的 Web 界面而生",
  "tags":["MVC","vue"]
},{
  "name":"Avalonjs",
  "url":"http://avalonjs.github.io/",
  "des":"迷你简单易用的MVVM框架。",
  "tags":["MVC","MVC"]
},{
  "name":"commonjs",
  "url":"http://www.commonjs.org/",
  "des":"",
  "tags":["模块化"]
},{
  "name":"seajs",
  "url":"http://seajs.org/docs/",
  "des":"",
  "tags":["模块化"]
},{
  "name":"requirejs",
  "url":"http://requirejs.org/",
  "des":"",
  "tags":["模块化"]
},{
  "name":"nodejs",
  "url":"http://nodejs.org/",
  "des":"",
  "tags":["nodejs","官网"]
},{
  "name":"curl.js",
  "url":"https://github.com/cujojs/curl",
  "des":"",
  "tags":["模块化"]
},{
  "name":"validator.js",
  "url":"http://jaywcjlove.github.io/validator.js",
  "github":"https://github.com/jaywcjlove/validator.js",
  "des":"轻量级的JavaScript表单验证，字符串验证。没有依赖，支持UMD，~3kb。",
  "tags":["js"]
},{
  "name":"Hotkeys",
  "url":"http://jaywcjlove.github.io/hotkeys",
  "github":"https://github.com/jaywcjlove/hotkeys",
  "des":"这是一个强健的 Javascript 库用于捕获键盘输入和输入的组合键，它没有依赖，压缩只有只有(~3kb)。",
  "tags":["js"]
},{
  "name":"translater.js",
  "url":"http://jaywcjlove.github.io/translater.js",
  "github":"https://github.com/jaywcjlove/translater.js",
  "des":"这是一个利用HTML注释的页面翻译解决方案。对于少量的静态页面，这种解决方案显得更简单。它没有依赖，压缩只有只有(~2kb)。",
  "tags":["js"]
},{
  "name":"idoc",
  "url":"http://jaywcjlove.github.io/idoc",
  "github":"https://github.com/jaywcjlove/idoc",
  "des":"简单的文档手册生成工具! ",
  "tags":["文档","手册","node"]
},{
  "name":"SSR",
  "url":"https://github.com/jaywcjlove/ssr",
  "github":"https://github.com/jaywcjlove/ssr",
  "des":"将一个目录设置成一个静态服务器。。大家肯定遇到过，当后端 API 没有编写完成时，前端无法进行调试，这就导致了前端会被后端阻塞的情况。而ssr相当于是搭建了一个 Mock Server ，构建假数据，然后把这些假数据存到 JSON 文件上，Mock Server 可以响应请求或者生成页面，当然也可以顺便生成 API 文档。 ",
  "tags":["工具","node"]
},{
  "name":"cookie.js",
  "url":"http://jaywcjlove.github.io/cookie.js",
  "github":"https://github.com/jaywcjlove/cookie.js",
  "des":"本地存储cookie的封装，提供简单的AIP 兼容IE6",
  "tags":["js","cookie"]
},{
  "name":"store.js",
  "url":"http://jaywcjlove.github.io/store.js",
  "github":"https://github.com/jaywcjlove/store.js",
  "des":"本地存储cookie的封装，提供简单的AIP 兼容IE6",
  "tags":["js"]
},{
  "name":"SVG badges",
  "url":"https://jaywcjlove.github.io/sb",
  "github":"https://github.com/jaywcjlove/sb",
  "des":"SVG高逼格静态状态图标。",
  "tags":["js"]
},{
  "name":"Git@OSC代码托管-开源中国社区",
  "url":"http://git.oschina.net/",
  "des":"可创建 1000 个项目，不限私有或公有；支持 SSH、HTTP 和 SVN 访问。一键分析您的项目，更直观地了解项目代码整体质量，支持Sonar、腾讯优测等平台。提供 CloudFoundry、Docker及OpenShift 环境，支持多种语言框架及数据库服务。",
  "tags":["git","代码托管"]
},{
  "name":"Git 代码托管 - Coding.net",
  "url":"https://coding.net/git",
  "des":"Coding 的代码托管功能除了基本的 Git 仓库以外，还有保护分支，分屏对比，按行评论等高级功能。并且整合了 CodeInsight，质量管理，演示平台等等开发工具，提升研发效率。",
  "tags":["git","代码托管"]
},{
  "name":"CODE csdn",
  "url":"https://code.csdn.net/",
  "des":"CSDN CODE code.csdn.net 是CSDN旗下的开发服务平台，面向国内开发者提供代码托管、代码片、社交编程、组织管理、社区讨论、知识库等开发服务。",
  "tags":["git","代码托管"]
},{
  "name":"CODE csdn",
  "url":"http://code.taobao.org/",
  "des":"阿里云旗下淘宝的一个代码托管",
  "tags":["svn","阿里","代码托管"]
},{
  "name":"gitcafe",
  "url":"https://gitcafe.com/",
  "des":"GitCafe 项目迁移至 Coding.net，GitCafe 是一个为您在线托管软件项目的服务平台。 这里是一个大家庭，您可以在 GitCafe 与他人快乐地进行项目分享与协作。 现在就加入 GitCafe，找到喜欢的项目与志同道合的程序员！",
  "tags":["git","代码托管"]
},{
  "name":"Gitlab",
  "url":"https://about.gitlab.com/",
  "des":"GitLab 是一个用于仓库管理系统的开源项目。使用Git作为代码管理工具，并在此基础上搭建起来的web服务。",
  "tags":["git","代码托管"]
},{
  "name":"Bitbucket",
  "url":"https://bitbucket.org/",
  "des":"BitBucket 是一家源代码托管网站，采用Mercurial和Git作为分布式版本控制系统，同时提供商业计划和免费账户。",
  "tags":["git","代码托管"]
},{
  "name":"GITHUBER.CN",
  "url":"http://githuber.cn/",
  "des":"谁是Github上最闪亮的星？让数据说话，多维度Github人才搜索、技术指标排名，向Github精英们推荐您的招聘职位。",
  "tags":["github"]
},{
  "name":"gogs",
  "url":"https://gogs.io/",
  "des":"Gogs 的目标是打造一个最简单、最快速和最轻松的方式搭建自助 Git 服务。使用 Go 语言开发使得 Gogs 能够通过独立的二进制分发，并且支持 Go 语言支持的 所有平台，包括 Linux、Mac OS X、Windows 以及 ARM 平台。",
  "tags":["git","代码托管"]
},{
  "name":"React官网",
  "url":"http://facebook.github.io/react/",
  "des":"A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES",
  "tags":["react","文档","官网"]
},{
  "name":"ReactJS 中文技术站",
  "url":"http://reactjs-china.com/",
  "des":"ReactJS 中文技术站",
  "tags":["react","文档"]
},{
  "name":"React 中文技术站",
  "url":"http://reactjs.cn/",
  "des":"ReactJS中文文档, 用于构建用户界面的JAVASCRIPT库",
  "tags":["react","文档"]
},{
  "name":"钌子_rawbin 技术文档",
  "url":"http://rawbin-.github.io/",
  "des":"个人前端杂记",
  "tags":["技术","杂记","博客"]
},{
  "url":"http://taobaofed.github.io/react-web/",
  "name":"react taobaofed",
  "des":"A declarative, efficient, and flexible JavaScript library for building user interfaces.",
  "tags":["工具","淘宝"]
},{
  "url":"http://gulpjs.com/",
  "name":"gulp",
  "des":"简单易用的流式构建系统",
  "tags":["工具","构建工具"]
},{
  "url":"http://underscorejs.org/",
  "name":"underscore",
  "des":"JavaScript's utility _ belt",
  "tags":["工具"]
},{
  "url":"http://modernizr.com/",
  "name":"Modernizr",
  "des":"Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.",
  "tags":["工具"]
},{
  "url":"http://redux.js.org/",
  "name":"redux",
  "des":"Predictable state container for JavaScript apps",
  "tags":["工具"]
},{
  "url":"http://cn.redux.js.org/index.html",
  "name":"redux中文文档",
  "des":"Redux 是 JavaScript 状态容器，提供可预测化的状态管理。",
  "tags":["工具"]
},{
  "url":"http://mozilla.github.io/pdf.js/",
  "name":"pdf.js",
  "des":"JavaScript 的 PDF 查看器 ",
  "tags":["工具"]
},{
  "url":"https://lodash.com/",
  "name":"lodash",
  "des":"A JavaScript utility library delivering consistency, modularity, performance, &amp; extras.",
  "tags":["工具"]
},{
  "url":"http://lesscss.org/",
  "name":"less.js",
  "des":"CSS 的一种简写语法",
  "tags":["工具"]
},{
  "url":"http://phaser.io/",
  "name":"phaser",
  "des":"Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobi browsers, supporting Canvas and WebGL rendering.",
  "tags":["工具"]
},{
  "url":"http://bower.io/",
  "name":"bower",
  "des":"一个针对 web 开发的包管理器",
  "tags":["工具"]
},{
  "url":"https://babeljs.io/",
  "name":"babel",
  "des":"Babel is a compiler for writing next generation JavaScript.",
  "tags":["工具"]
},{
  "url":"http://developers.google.com/web/starter-kit",
  "name":"web-starter-kit",
  "des":"Google Web Starter Kit",
  "tags":["工具"]
},{
  "url":"https://webpack.github.io/",
  "name":"webpack",
  "des":"A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through \"loaders\" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.",
  "tags":["工具","构建工具"]
},{
  "url":"http://coffeescript.org/",
  "name":"coffeescript",
  "des":"JavaScript 简易写法",
  "tags":["工具"]
},{
  "url":"http://facebook.github.io/flux/",
  "name":"flux",
  "des":"创建用户接口的应用框架",
  "tags":["工具"]
},{
  "url":"https://keymetrics.io/",
  "name":"PM2",
  "des":"Production process manager for Node.js / io.js applications. Perfectly fitted for microservices architecture.",
  "tags":["工具"]
},{
  "url":"http://angular-ui.github.io/ui-router/site",
  "name":"ui-router",
  "des":"The de-facto solution to flexible routing with nested views in AngularJS",
  "tags":["工具"]
},{
  "url":"http://ireact.cn/",
  "name":"iReact",
  "des":"采集react组件的网站。",
  "tags":["工具","react"]
},{
  "url":"http://facebook.github.io/immutable-js/",
  "name":"immutable-js",
  "des":"Immutable persistent data collections for Javascript which increase efficiency and simplicity.",
  "tags":["工具"]
},{
  "url":"http://jasmine.github.io/",
  "name":"jasmine",
  "des":"DOM-less simple JavaScript testing framework",
  "tags":["工具","测试工具"]
},{
  "url":"https://www.awesomes.cn/repo/pixijs/pixi-js",
  "name":"pixi.js",
  "des":"Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback",
  "tags":["工具"]
},{
  "url":"http://gruntjs.com/",
  "name":"grunt",
  "des":"Grunt: JavaScript 任务执行器",
  "tags":["工具","构建工具"]
},{
  "url":"http://fis.baidu.com",
  "name":"百度Fis",
  "des":"解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题。",
  "tags":["工具","构建工具","百度"]
},{
  "url":"http://jade-lang.com/",
  "name":"jade",
  "des":"针对 Node.js 的健壮的、优雅的、功能丰富的模板引擎",
  "tags":["工具","模板引擎"]
},{
  "url":"https://zenorocha.github.io/clipboard.js",
  "name":"clipboard.js",
  "des":":scissors: Modern copy to clipboard. No Flash. Just 2kb :clipboard:",
  "tags":["工具"]
},{
  "url":"http://handlebarsjs.com/",
  "name":"handlebars.js",
  "des":"",
  "tags":["工具"]
},{
  "url":"http://codemirror.net/",
  "name":"CodeMirror",
  "des":"浏览器中的代码编辑器",
  "tags":["工具","编辑器"]
},{
  "name":"hexo",
  "url":"https://hexo.io/zh-cn/",
  "des":"快速、简洁且高效的博客框架",
  "tags":["博客搭建"]
},{
  "name":"jekyll",
  "url":"http://jekyll.bootcss.com/",
  "des":"将纯文本转化为静态网站和博客",
  "tags":["博客搭建"]
},{
  "name":"Tumblr",
  "url":"https://www.tumblr.com/",
  "des":"轻博客的祖师爷",
  "tags":["博客搭建"]
},{
  "name":"Wordpress",
  "url":"https://zh-cn.wordpress.com/",
  "des":"这玩意古老到我都不想介绍鸟",
  "tags":["博客搭建"]
},{
  "name":"LoadersCSS",
  "url":"https://connoratherton.com/loaders",
  "des":"用 CSS 技术实现 loading 动画； 补一句，想熟悉、理解 `keyframes、animation、transform、transition`的童鞋可以直接去读其源码(只有千把行代码)，读完就算出师鸟:)",
  "tags":["CSS"]
},{
  "name":"WeUI",
  "url":"https://github.com/weui/weui",
  "des":"一套同微信原生视觉体验一致的基础样式库 为微信 Web 开发量身设计，令用户的使用感知更加统一",
  "tags":["CSS"]
},{
  "name":"PostCSS",
  "url":"https://github.com/postcss/postcss",
  "des":"PostCSS在以惊人的速度发展，而且越来越受人欢迎。越来越多的人开始在了解它，使用它。因为他们意识到，在项目中使用PostCSS让他们意识到了眼前一亮。",
  "tags":["CSS"]
},{
  "name":"CSSgram",
  "url":"https://github.com/una/CSSgram",
  "des":"图片滤镜库，终于可以用 CSS 在 web 上实现滤镜的效果鸟 IE不支持，不过新的移动设备支持没问题 ",
  "tags":["CSS"]
},{
  "name":"HINT.css",
  "url":"https://github.com/chinchang/hint.css",
  "des":"一款非常小巧的提示框效果",
  "tags":["CSS"]
},{
  "name":"Balloon.css",
  "url":"http://kazzkiq.github.io/balloon.css/",
  "des":"同上，一款非常小巧的提示框效果",
  "tags":["CSS"]
},{
  "name":"Hover.css",
  "url":"http://ianlunn.github.io/Hover/",
  "des":"很多鼠标 Hover 态的效果，可以给产品学习一下:)",
  "tags":["CSS"]
},{
  "name":"Cursor",
  "url":"http://css-cursor.techstream.org/",
  "des":"记录各浏览器对Cursor的支持情况",
  "tags":["CSS","caniuse"]
},{
  "name":"csscss",
  "url":"https://github.com/zmoazeni/csscss",
  "des":"用于检查 CSS 代码冗余",
  "tags":["CSS"]
},{
  "name":"hamburgers",
  "url":"https://jonsuh.com/hamburgers/",
  "des":"简单的动画库，让 Click(or Tap) 变得美妙",
  "tags":["CSS"]
},{
  "name":"cssmatic",
  "url":"http://www.cssmatic.com",
  "des":"一个帮忙调试CSS效果的工具",
  "tags":["CSS"]
},{
  "name":"W3Help",
  "url":"http://www.w3help.org/zh-cn/kb",
  "des":"多家关注Web标准的公司、团体、标准组织及科研单位共同创立的Web标准推广网站",
  "tags":["开发文档"]
},{
  "name":"frontendfront",
  "url":"https://frontendfront.com/",
  "des":"前端资讯平台",
  "tags":["前端资讯"]
},{
  "name":"npm",
  "url":"https://www.npmjs.com/",
  "des":"NPM是JavaScript的软件包管理器。查找，共享和重用代码的包从成百上千的开发人员-并用强大的新方法组装起来。",
  "tags":["npm"]
},{
  "name":"npm-stat",
  "url":"http://npm-stat.com/",
  "des":"查看npm包或者用的数据统计。",
  "tags":["npm"]
},{
  "name":"朱英达的个人博客",
  "url":"https://www.zhuyingda.com/",
  "des":"技术博客，有关web的安全问题和性能问题" ,
  "tags":["技术","博客","安全"]
},{
  "name":"WEB骇客 - HTML5, CSS3, WEB前端开发技术",
  "url":"http://www.webhek.com/",
  "des":"关注HTML5、CSS3等浏览器前端技术，包括各种HTML5、CSS3资料，HTML5、CSS3网站、HTML5、CSS3资讯、HTML5、CSS3应用、HTML5、CSS3游戏、HTML5、CSS3教程、HTML5、CSS3视频、HTML5、CSS3论坛等。" ,
  "tags":["技术","博客"]
},{
  "name":"PixelsTech - A place for geeks",
  "url":"http://www.pixelstech.net",
  "des":"关注各种技术，包括各种编程语言，各个技术领域。" ,
  "tags":["技术","资讯"]
},{
  "name":"ITA1024中国互联网技术联盟",
  "url":"http://www.ita1024.com/",
  "des":"中国互联网技术联盟（Internet Technology Alliance，简称ITA），致力于建立中国互联网企业之间技术交流，技术传播以及IT前沿技术研讨的服务平台。" ,
  "tags":["技术","资讯","前端分享","前端技术研讨","前端技术传播"]
},{
  "name":"前端收藏夹",
  "url":"http://collect.w3ctrain.com/",
  "ico":"http://collect.w3ctrain.com/img/favicon.jpg",
  "des":"前端收藏夹为你提供全面的前端学习资源汇总。",
  "tags":["技术","资讯","前端分享","前端技术研讨"]
},{
  "name":"MUI-最接近原生APP体验的高性能前端框架",
  "url":"http://dev.dcloud.net.cn/mui/",
  "des":"最接近原生APP体验的高性能框架",
  "tags":["技术","app","应用","webapp"]
},{
  "name":"SUI 是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。通过SUI，可以非常方便的设计和实现精美的页面。",
  "url":"http://sui.taobao.org/sui/docs/index.html",
  "des":"基于bootstrap开发，通过SUI，可以非常方便的设计和实现精美的页面",
  "tags":["技术","app","应用","UI","框架","webapp"]
},{
  "name":"菜鸟教程",
  "url":"http://www.runoob.com/",
  "des":"菜鸟教程(www.runoob.com)提供了最全的编程技术基础教程, 介绍了HTML、CSS、Javascript、Python，Java，Ruby，C，PHP , MySQL等各种编程语言的基础知识。 同时本站中也提供了大量的在线实例，通过实例，您可以更好的学习编程。..",
  "tags":["社区","工具"]
},{
  "name":"Swiper中文网",
  "url":"http://www.swiper.com.cn/",
  "des":"Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件。Swiper中文网提供Swiper在线演示、Swiper中文教程、Swiper中文APi、Swiper下载。",
  "tags":["触摸","Swiper","触屏","移动框架","3D切换"]
},{
  "name":"赵鹏博客-干货集中营",
  "url":"http://zhaopeng.me/",
  "ico":"http://zhaopengblog.u.qiniudn.com/wp-content/uploads/2016/03/cropped-logo1-32x32.png",
  "des":"干货聚集地.技术干货,软件干货,分享最实用的各种干货!" ,
  "tags":["技术","干货","干货","博客"]
},{
  "name": "COLORFUL - 有个骚年路过这里",
  "url": "http://xiaoa.name/",
  "des": "Colorful，一个骚年路过这里，与你一起探讨关于前端技术，设计，Hack的奥秘。" ,
  "tags": ["js", "node", "前端开发","博客"]
},{
  "name": "stylus",
  "url": "http://stylus-lang.com/",
  "des": "Stylus 是一个CSS的预处理框架，2010年产生，来自Node.js社区，主要用来给Node项目进行CSS预处理支持，所以 Stylus 是一种新型语言，可以创建健壮的、动态的、富有表现力的CSS。比较年轻，其本质上做的事情与 SASS/LESS 等类似，应该是有很多借鉴，所以近似脚本的方式去写CSS代码。" ,
  "tags": ["stylus", "css"]
},{
  "name": "Sass 是成熟、稳定、强大的 CSS 扩展语言",
  "url": "http://sass-lang.com/",
  "des": "Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。" ,
  "tags": ["Sass", "css"]
},{
  "name": "Less 是成熟、稳定、强大的 CSS 扩展语言",
  "url": "http://lesscss.org/",
  "des": "一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。" ,
  "tags": ["Less", "css"]
},{
  "name": "醉牛前端",
  "url": "http://f2er.club/",
  "ico": "http://f2er.club/img/favicon.ico",
  "des": "涉及一些优秀攻城狮的优秀博客、社区，实用的手册、工具，框架/库，以及在线教程和书籍推荐。为大家解决一些基本的，常见的问题和需求做专业的前端平台，提供你需要的东西。解放你的收藏夹，让它们只做最主要的事情",
  "tags": ["前端开发", "分享"]
},{
  "name": "JS Tips",
  "url": "http://www.jstips.co/",
  "des": "A JS Tip per day !",
  "tags": ["js"]
},{
  "name": "Browsersync 中文网",
  "url": "http://www.browsersync.cn/",
  "des": "BrowserSync能让浏览器实时、快速响应您的文件（html、js、css、sass、less等等）的更改，BrowserSync支持多终端(PC、ipad、iphone、android等等)设备同时调试。无论您是前端还是后端工程师，使用它将提高您30%的工作效率。",
  "tags": ["工具"]
},{
  "name": "Node.js API 中文版",
  "url": "http://nodeapi.ucdok.com/#/api/",
  "des": "Node.js Api 中文版",
  "tags": ["文档"]
},{
  "name": "justjavac(迷渡)",
  "url": "http://justjavac.com",
  "des": "justjavac的个人博客， 探讨目前最时髦的web开发技术。",
  "tags": ["博客"]
},{
  "name": "Aotu.io「凹凸实验室」",
  "url": "http://www.aotu.io/",
  "ico": "http://www.aotu.io/assets/img/apple-touch-icon-57x57.png",
  "des": "凹凸实验室(Aotu.io) 始建于2015年，是一个年轻基情的技术社区组织。O2面向多终端技术体系，致力于构建沉淀与分享包括但不限于交互、页面制作技巧、前端开发、原生APP开发等方面的专业知识及案例。",
  "tags": ["博客"]
},{
  "name":"WEB前端开发闪亮于WEB前端的彩",
  "url":"http://caihong.cc/",
  "des":"WEB前端个人博客",
  "tags":["博客"]
},{
  "name":"重庆前端交流会议",
  "url":"http://yufe.org/",
  "des":"重庆前端交流大会，各路前端大咖为大家带来一场前端学习盛筵，让你的前端职业生涯有“前”更有“钱”！ 重庆前端，雄起！",
  "tags":["分享会", "会议", "前端社区"]
},{
  "name":"欧雷流",
  "url":"https://ourai.ws/",
  "des":"我叫欧雷，英文名 Ourai Lin，是一个出生于上世纪 80 年代的理想主义叛逆青年。喜欢日本，热爱咖啡，善于总结。这里有我对技术和语言的研究，也有对世界和生活的思考。",
  "tags":["博客"]
},{
  "name":"阿城的blog",
  "url":"http://qiutc.me/",
  "des":"阿城的blog",
  "tags":["博客"]
},{
  "name":"Electron",
  "url":"http://electron.atom.io/",
  "des":"构建跨平台桌面应用程序与网络技术的框架",
  "tags":["跨平台桌面应用程序框架","应用程序框架"]
},{
  "name":"nwjs",
  "url":"http://nwjs.io/",
  "des":"nw.js（以前称为node-webkit）可以让你把所有js模块直接从DOM使一种新的方式与所有的Web技术编写应用程序。",
  "tags":["跨平台桌面应用程序框架","应用程序框架"]
},{
  "name":"React Native for OS X",
  "url":"https://github.com/ptmt/react-native-desktop",
  "des":"使用React Native 和 Cocoa构建操作系统的桌面应用程序使用",
  "tags":["跨平台桌面应用程序框架","应用程序框架"]
},{
  "name":"前端小武",
  "url":"https://xuexb.com/",
  "des":"专注WEB前端和用户体验，爱生活爱前端",
  "tags":["博客"]
},{
  "name":"Web前端 AlloyTeam Blog",
  "url":"http://www.alloyteam.com/",
  "des":"腾讯全端 AlloyTeam 团队 Blog",
  "tags":["博客"]
},{
  "name":"Ant Desgin",
  "url":"http://ant.design/",
  "des":"Ant Desgin - 一个UI 设计语言",
  "tags":["react","蚂蚁金服","UI"],
  "icon":"https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png"
},{
  "name":"ECMAScript 6入门",
  "url":"http://es6.ruanyifeng.com/",
  "des":"阮一峰著《ECMAScript 6入门》",
  "tags":["ES6","教程"]
},{
  "name":"HTML5 Rocks",
  "url":"http://www.html5rocks.com/zh/",
  "des":"HTML5 Rocks - 为开放网络 HTML5 开发人员提供的资源",
  "tags":["HTML5","教程"]
},{
  "name":"tool.lu",
  "url":"http://tool.lu/",
  "des":"在线工具，提供代码格式化、压缩、加密、解密、正则测试、在线运行代码等功能",
  "tags":["工具"]
},{
  "name":"江小湖Laker",
  "url":"http://laker.me/blog",
  "icon":"http://laker.me/blog/favicon.ico",
  "des":"江小湖的主页—进击的程序媛" ,
  "tags":["博客","前端","技术宅","程序媛"]
},{
  "name":"Phodal",
  "url":"https://www.phodal.com/",
  "icon":"https://www.phodal.com/static/phodal/images/favicon.ico",
  "des":"Phodal - 狼和凤凰 | Growth Engineer" ,
  "tags":["博客","前端","SEO","硬件"]
},{
  "name":"je原创插件库-前端框架",
  "url":"http://www.jayui.com/",
  "des":"本站致力于原创插件和提供各种JS（jQuery），je库、jeDate日期控件",
  "tags":["弹层组件","日期控件","工具","jQuery"]
},{
  "name":"SUI3 是一套基于 Bootstrap3 的全栈开发工具包，包含丰富的组件库，同时提供了完整的前端开发指导。",
  "url":"http://sui3.taobao.org/",
  "des":"基于 Bootstrap3 的全栈开发工具包，包含丰富的组件库，同时提供了完整的前端开发指导。",
  "tags":["技术","app","应用","UI","框架","webapp"]
},{
  "name":"利器 - 创造者和他们的工具",
  "url":"http://liqi.io/",
  "des":"创造者和他们的工具",
  "tags":["利器","工具"]
},{
  "name":"饿了么大前端",
  "url":"https://fe.ele.me/",
  "icon": "https://fe.ele.me/assets/img/favicon.png",
  "des":"Thoughts, stories and ideas.",
  "tags":["团队","饿了么"]
},{
  "name":"路人甲",
  "url":"http://passer-by.com/",
  "icon":"http://passer-by.com/public/image/favicon.png",
  "des":"jQuery插件库，js算法等" ,
  "tags":["博客","插件","算法"]
},{
  "name":"Mystra",
  "url":"http://www.wangchenlong.org/",
  "icon":"http://www.wangchenlong.org/web-icon.png?v=5.0.1",
  "des":"Mystra 的博客" ,
  "tags":["博客","ReactNative"]
},{
  "name":"React.parts – A catalog of React components",
  "url":"https://react.parts/native",
  "icon":"http://www.wangchenlong.org/web-icon.png?v=5.0.1",
  "des":"一种非官方的React组件目录。An unofficial catalog of React components for both Web and Native." ,
  "tags":["React","ReactNative"]
},{
  "name":"csscomb",
  "url":"http://csscomb.com/",
  "des":"css属性排序工具，可把写好的css按照margin、padding、width、border、background、color顺序排列",
  "tags":["CSS3","CSS3在线生成"]
},{
  "name":"YUIcompressor",
  "url":"http://yui.github.io/yuicompressor/",
  "des":"YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具，采用Java开发",
  "tags":["CSS3","CSS3在线生成"]
},{
  "name":"在线CSS/JS压缩",
  "url":"http://tool.css-js.com/",
  "des":"CSS, JavaScript 压缩, 美化, 加密, 解密",
  "tags":["CSS3","CSS3在线生成"]
},{
  "name":"ClosureCompiler",
  "url":"http://closure-compiler.appspot.com/home",
  "des":"GOOGLE所用的压缩工具",
  "tags":["CSS3","CSS3在线生成"]
},{
  "name":"jsmini",
  "url":"http://jsmini.com/",
  "des":"Minify your js code, free & simple to use, lightning fast compression.",
  "tags":["CSS3","CSS3在线生成"]
},{
  "name":"tinypng",
  "url":"https://tinypng.com/",
  "des":"TinyPNG使用一种智能有损压缩技术（通过降低图片中的颜色数量，来减少存储图片所需要的数据）来降低PNG 图片的大小",
  "tags":["CSS3","CSS3在线生成"]
},{
  "name":"smushit",
  "url":"http://www.smushit.com/ysmush.it/",
  "des":"雅虎提供的在线图片压缩工具",
  "tags":["CSS3","CSS3在线生成"]
},{
  "name":"汇智网",
  "url":"http://www.hubwiz.com/",
  "des":"一家免费的在线互动式编程网站" ,
  "tags":["编程","node.js","angular.js","js","mongodb","vue.js","react","nginx"]
},{
  "name":"在线工具aTool",
  "url":"http://www.atool.org/",
  "des":"在线工具，提供各种代码格式化压缩（包括js、css、php、sql等）、正则测试、前端后端辅助工具，图片处理以及其他一些便民工具。atool.org" ,
  "tags":["工具","tool","编程","代码格式化","代码压缩","辅助工具","便捷工具"]
},{
  "name":"FilterFactory",
  "url":"http://filterfactory.mobi/",
  "des":"FilterFactory是一款将图片转换成SVG的在线生成工具。" ,
  "tags":["工具","tool","格式转换","SVG","辅助工具","便捷工具"]
},{
  "name":"CSS Animatie",
  "url":"http://cssanimate.com/",
  "des":"CSS Animatie是一款在线制作CSS3动画的工具，可以在线直接制作CSS3动画效果，生成代码。" ,
  "tags":["工具","tool","CSS3","动画工具","便捷工具"]
},{
  "name":"Flatty Shadow",
  "url":"http://flattyshadow.com/",
  "des":"Flatty Shadow在线为Icon图标生成长阴影效果。" ,
  "tags":["工具","tool","icon","便捷工具"]
},{
  "name":"SVG EDIT",
  "url":"http://flattyshadow.com/",
  "des":"SVG EDIT是一款在线绘制、编辑SVG图形和代码的工具。" ,
  "tags":["工具","tool","icon","SVG","便捷工具"]
},{
  "name":"John Resig - JavaScript Programmer",
  "url":"http://ejohn.org/",
  "des":"jQuery作者的博客" ,
  "tags":["博客","jQuery"]
},{
  "name":"Moment.js",
  "url":"http://momentjs.com/",
  "des":"一款大名鼎鼎的日期插件" ,
  "tags":["工具","插件"]
},{
  "name":"Libraries - The Open Source Discovery Service",
  "url":"https://libraries.io",
  "des":"可以查询在您的项目中使用的模块和库的版本是否为新版本。",
  "tags":["工具"]
},{
  "name":"JerryQu 的小站",
  "url":"https://imququ.com/",
  "des":"屈屈，专职前端开发，目前在中国北京。这个博客是我随便记录东西的地方。",
  "tags":["博客"]
},{
  "name":"G2 - The Grammar Of Graphics",
  "url":"http://antvis.github.io/",
  "des":"G2(The Grammar Of Graphics) 是一个由纯 javascript 编写、强大的语义化图表生成工具，它提供了一整套图形语法，可以让用户通过简单的语法搭建出无数种图表，并且集成了大量的统计工具，支持多种坐标系绘制，可以让用户自由得定制图表，是为大数据时代而准备的强大的可视化工具。",
  "tags":["阿里","图表工具"]
},{
  "name":"iReact - Fantastic React-Components and React-Libraries!",
  "url":"http://iReact.cn/",
  "des":"React是Facebook开源的前段开发框架，iReact是收集Github上开源的react组件库，方便用户查询需要的组件。辅助开发工作。",
  "tags":["react","component", "iReact", "react组件"]
},{
  "name":"egghead.io",
  "url":"https://egghead.io/",
  "des":"Learn professional JavaScript tools with Tutorial Videos & Training",
  "tags":["教程","js"]
},{
  "name":"碼天狗週刊",
  "url":"http://weekly.codetengu.com/",
  "des":"CodeTengu Weekly（碼天狗週刊）是一份開發者導向的 IT 技術週刊，適合所有患有資訊焦慮症、氣血循環不順以及性受挫的軟體工程師們。致力於解決開發者之間的資訊不對稱。",
  "tags":["博客"]
},{
  "name":"css-tricks",
  "url":"https://css-tricks.com/",
  "icon":"http://static.bootcss.com/www/assets/ico/favicon.png",
  "des":"Tips, Tricks, and Techniques on using Cascading Style Sheets.",
  "tags":["工具","CSS"]
},{
  "name":"AngularJs2",
  "url":"https://angular.cn",
  "des":"AngularJs2官方中文文档",
  "tags":["MVC","Angular"]
},{
  "name":"众成翻译",
  "url":"http://www.zcfy.cc/",
  "des":"技术文章翻译社区",
  "tags":["前端技术"]
},{
  "name":"bulma",
  "url":"http://bulma.io/",
  "des":"A modern CSS framework based on Flexbox",
  "tags":["css"]
},{
  "name":"推酷",
  "url":"http://www.tuicool.com/",
  "des":"聚合国内外优质技术文章和新闻资讯的社区网站。",
  "tags":["社区","新闻资讯"]
},{
  "name": "leetcode",
  "url":"https://github.com/hanzichi/leetcode",
  "des":"js算法题库",
  "tags":["算法","题库"]
},{
  "name":"DevDocs",
  "url":"http://devdocs.io/",
  "icon": "https://cdn.devdocs.io/favicon.ico",
  "des":"DevDocs在一个快速，有组织和可搜索的界面中组合了多个API文档。网站内有几乎所有开发用到的英文原版文档。",
  "tags":["文档","API"]
},{
  "name":"前端公共库 CDN",
  "url":"http://www.codefarm.net/",
  "ico":"",
  "des":"CDNJS 国内镜像，致力于打造一个稳定而又全面的 JS/CSS 库，给前端开发者免费使用。" ,
  "tags":["工具","CDN"]
},{
  "name":"帮助你生成一段字符来表示目录结构",
  "url":"http://dir.yardtea.cc/",
  "ico":"http://dir.yardtea.cc/favicon.ico",
  "des":"类似 linux 和 windows 中的 tree 命令，现在你可以到这个工具站点以更直观的方式生成想要的目录树字符。" ,
  "tags":["工具","CDN"]
},{
  "name":"HelloGitHub",
  "url":"https://hellogithub.com/",
  "ico":"https://hellogithub.com/favicon.ico",
  "des":"分享 GitHub 上有趣、入门级的开源项目" ,
  "tags":["导航"]
},{
  "name":"HTML5 Please",
  "url":"http://html5please.com/",
  "ico":"https://hellogithub.com/favicon.ico",
  "des":"为HTML5与CSS3语法提供浏览器兼容性测试及使用建议" ,
  "tags":["开发建议","兼容性","HTML5"]
},{
  "name":"雅X共赏的前端技术博客-前端路上",
  "url":"https://refined-x.com/",
  "ico":"https://refined-x.com/favicon.ico",
  "des":"原创前端技术博客，致力于分享前端学习路上的第一手资料。" ,
  "tags":["博客","前端开发","前端技术"]
}]
